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内 容 提 要 


本 书 首先 介绍 了 JavaScript 语言 的 基础 知识 以 及 ES6 和 ES7 中 引入 的 新 功能 ， 接 下 来 讨论 了 数组 、 栈 、 





队列 、 链 表 、 集 合 、 


选择 排序 、 插 入 排序 、 归 并 排序 、 








字典 、 散 列表 、 树 、 





图 等 数据 结构 ， 之 后 探讨 了 各 种 排序 和 搜索 算法 ， 包 括 冒 
快速 排序 、 堆 排序 、 计 数 排序 、 桶 排序 、 基 数 排序 、 顺 序 搜索 、 


置 泡 排序 、 





二 分 搜索 ， 


然后 介绍 了 动态 规划 和 贪心 算法 等 常用 的 高 级 算法 以 及 国 数 式 编程 ,最 后 还 介绍 了 如 何 计算 算法 的 复杂 度 。 


本 书 适 用 于 前 端 Web 开发 人 
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JavaScript 是 当下 最 流行 的 编程 语言 之 一 。 由 于 浏览 器 的 原生 支持 (无需 安 装 任 何 插件 )， 
JavaScript 也 被 称 作 “互联 网 语言 "。JavaScript 的 应 用 非常 广泛 ,不 仅 被 用 于 前 端 开发 ， 也 被 用 到 
服务 器 ( Node.js ) 和 数据 库 ( MongoDB ) 环境 中 。 


对 任何 专业 技术 人 员 来 说 , 理解 数据 结构 都 非常 重要 。 作 为 软件 开发 者 , 我 们 要 能 够 借助 编 
程 语言 来 解决 问题 , 而 数据 结构 是 这 些 问题 的 解决 方案 中 不 可 或 缺 的 一 部 分 。 如果 选择 了 不 恰当 
的 数据 结构 , 可 能 会 影响 所 写 程序 的 性 能 。 因此 , 了解 不 同 数据 结构 和 它们 的 适用 范围 十 分 重要 。 

算法 在 计算 机 科学 中 扮演 着 非常 重要 的 角色 。 解决 一 个 问题 有 很 多 种 方法 , 但 有 些 方法 会 比 
其 他 方法 更 好 。 因 此 ， 了 解 一 下 最 著名 的 算法 也 很 重要 。 

本 书 为 数据 结构 和 算法 初学 者 所 写 , 也 为 熟悉 数据 结构 和 算法 , 但 想 在 JavaScript 语 言 中 使 用 
它们 的 人 所 写 。 

快乐 地 编码 吧 ! 






































本 书 结构 


第 1 章 “JavaScript 简 介 ”， 讲 述 了 JavaScript 的 基础 知识 ,它们 可 以 帮助 你 更 好 地 学 习 数据 结 
构 和 算法 ， 同 时 还 介绍 了 如 何 搭建 开发 环境 来 运行 书 中 的 代码 示例 。 

第 2 章 “数组 ”， 介 绍 了 如 何 使 用 数组 这 种 最 基础 且 最 常用 的 数据 结构 。 这 一 章 演 示 了 如 何 
对 数组 声明 、 初 始 化 、 添 加 和 删除 其 中 的 元 素 ， 还 讲述 了 如 何 使 用 JavaScript 语 言 本 身 支 持 的 数 




















第 3 章 “ 栈 ”, 介绍 了 栈 这 种 数据 结构 ,演示 了 如 何 创 建 栈 以 及 怎样 添加 和 删除 元 素 ， 还 讨论 
了 如 何 用 栈 解 决 计算 机 科学 中 的 一 些 问题 。 


第 4 章 “ 队 列 ”， 详 述 了 队列 这 种 数据 结构 ,演示 了 如 何 创建 队列 ， 以 及 如 何 添加 和 删除 队列 
中 的 元 素 ， 还 讨论 了 如 何 用 队列 解决 计算 机 科学 中 的 一 些 问 题 ， 以 及 栈 和 队列 的 主要 区 别 。 


第 5 章 “ 链 表 ”， 讲解 如 何 用 对 象 和 指针 从 头 创建 链表 这 种 数据 结构 。 这 一 章 除 了 讨论 如 何 声 
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明 、 创 建 、 添 加 和 删除 链表 元 素 之 外 ， 还 介绍 了 不 同类 型 的 链表 ， 例 如 双向 链表 和 循环 链表 。 


第 6 章 “ 集 合 "， 介 绍 了 集合 这 种 数据 结构 ， 讨 论 了 如 何 用 集合 存储 非 重复 性 的 元 素 。 此 外 ， 
还 详 述 了 对 集合 的 各 种 操作 以 及 相应 代码 的 实现 。 


第 7 章 “ 字 典 和 散 列 表 ”， 深 入 讲解 字典 、 散 列表 及 它们 之 间 的 区 别 。 这 一 章 介绍 了 这 两 种 
数据 结构 是 如 何 声明 、 创 建 和 使 用 的 ， 还 探讨 了 如 何 解 决 散 列 冲 突 ， 以 及 如 何 创建 更 高 效 的 散 
列 函数 。 

第 8 章 “ 树 ”， 讲 解 了 树 这 种 数据 结构 和 它 的 相关 术语 ,重点 讨论 了 二 又 搜索 树 ， 以 及 如 何在 
树 中 搜索 、 遍 历 、 添 加 和 删除 节点 。 如 果 想 更 深入 地 学 习 树 ( 包括 相关 的 算法 )， 这 一 章 还 给 出 
了 一 些 建议 。 

第 9 章 “ 图 ”, 介绍 了 图 这 种 数据 结构 和 它 的 适用 范围 。 这 一 章 讲述 了 图 的 常用 术语 和 不 同 表 
示 方 式 ， 探 讨 了 如 何 使 用 深度 优先 算法 和 广度 优先 算法 人 遍历 图 ， 以 及 它们 的 适用 范围 。 

第 10 章 “排序 和 搜索 算法 ”, 探讨 了 常用 的 排序 算法 , 如 冒 泡 排 序 ( 包括 改进 版 ) 选择 排序 、 
插入 排序 、 归 并 排序 和 快速 排序 。 男 外 还 介绍 了 搜索 算法 中 的 顺序 搜索 和 二 分 搜索 。 

第 11 章 “算法 模式 ”， 介 绍 了 一 些 算法 技巧 和 一 些 著 名 的 算法 。 这 一 章 讲解 了 什么 是 递归 ， 
介绍 了 一 些 高 级 算法 ， 如 动态 规划 和 贪心 算法 。 

第 12 章 “算法 复杂 度 ”， 介 绍 了 大 O 表 示 法 的 概念 ， 以 及 本 书 实现 算法 的 复杂 度 列表 。 这 一 
章 还 介绍 了 NP 完全 问题 和 启发 式 算法 。 最 后 ， 讲 解 了 提升 算法 能 力 的 诀窍 。 





















































准备 工作 

为 学 习 本 书 , 你 可 以 设置 三 种 不 同 的 开发 环境 。 你 不 需要 设置 所 有 这 三 种 环境 ， 可 以 选择 其 
一 ， 也 可 以 逐一 尝试。 

方法 一 ， 你 需要 一 个 浏览 器 ， 请 从 下 面 二 选 一 : 











口 Chrome ( https://www.google.comy/chrome/browser/ ) 





口 Firefox (https://www.mozilla.org/en-US/firefox/new/ ) 
方法 二 ， 你 需要 : 


口 安装 方法 一 中 的 任意 一 个 浏览 器 ; 
口 安装 一 个 web 服务器 。 如 果 你 的 电脑 里 没有 安装 过 Web 服 务 器 ， 推 荐 安装 XAMPP 
( https://www.apachefriends.org )。 


方法 三 ， 如 果 想 安装 一 个 纯 JavaScript 的 环境 ， 你 需要 完成 下 面 几 步 。 
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D 安装 步 又 一 中 的 任意 浏览 器 
口 安装 Node.js ( http://nodejs.org/ ) 
口 安装 好 Node.js 后 ， 安 装 http-server 开 发 包 : 





npm install http-server -g 


第 1 章 还 会 对 此 进行 更 详细 的 介绍 。 





读者 对 象 


本 书 的 目标 读者 包括 计算 机 科学 专业 的 学 生 、 刚 刚 开 启 职业 生涯 的 技术 人 员 ， 以 及 想 探索 
JavaScript 最 优 能 力 的 朋友 。 要 想 学 好 书 中 的 算法 ， 需 要 对 JavaScript 和 编程 逻辑 有 基本 的 了 解 。 























排版 约定 
在 本 书 中 ， 你 会 发 现 一 些 不 同 的 文本 样式 ， 用 以 区 别 不 同 种 类 的 信息 。 下 面 举例 说 明 。 
正文 中 的 代码 、 用 户 输入 这 样 表示 :“ 用 isempty 方 法 就 可 以 判断 内 部 数组 的 长 度 是 否 为 0。” 
代码 段 的 格式 如 下 : 
function Stack() { 


// 这 里 是 属性 和 方法 
} 


如 果 我 们 想 让 你 重点 关注 代码 段 中 的 某 个 部 分 ， 会 加 粗 显 示 : 


class Stack { 
constructor () { this.items = []; //{1} } 
push (element){ 
this.items.push (element); 
} 
/ /其 他 方法 
} 


所 有 的 命令 行 输入 或 输出 的 格式 如 下 : 














stack.push(5); 
stack.push(8); 


新 术语 和 重点 词汇 以 黑体 标示 。 
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6 这 个 图 标 表示 提示 或 者 技巧 。 


读者 反馈 

欢迎 提出 反馈 。 如 果 你 对 本 书 有 任何 想法 ， 喜 欢 它 什么 , 不 喜欢 它 什么 ,请 让 我 们 知道 。 要 
写 出 真正 对 大 家 有 帮助 的 书 ， 了 解读 者 的 反馈 很 重要 。 

一 般 的 反馈 ， 请 发 送 电子 邮件 至 feedback@packtpub.com， 并 在 邮件 主题 中 包含 书 名 。 

如 果 你 有 某 个 主题 的 专业 知识 , 并 且 有 兴趣 写成 或 帮助 促成 一 本 书 , 请 参考 我 们 的 作者 指南 


www.packtpub.com/authors。 








客户 支持 
现在 ， 你 是 一 位 自豪 的 Packt 图 书 的 拥有 者 ， 我 们 会 尽 全 力 帮 你 充分 利用 你 手中 的 书 。 





下 载 示 例 代 码 

你 可 以 用 你 的 账户 从 http://www.packtpub.com 下 载 所 有 已 购买 Packt 图 书 的 示例 代码 文件 。 如 
果 你 从 其 他 地 方 购买 的 本 书 ， 可 以 访问 http:/www.packtpub.com/support 并 注册 ， 我 们 将 通过 电子 
邮件 把 文件 发 送 给 你 。 


下 载 代 码 文件 的 步 又 如 下 : 


(1) 访问 http:/www.packtpub.com， 用 你 的 邮箱 和 密码 登录 或 注册 ; 
(2) 将 鼠标 指针 悬 停 在 顶部 的 SUPPORIT 标 签 上 ; 

(3) 点 击 Code Downloads & Errata ; 

(4) 在 搜索 框 输入 书 名 ; 
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JavaScript 简 介 






























































JavaScript 是 一 门 非常 强大 的 编程 语言 。 它 是 最 流行 的 编程 语言 , 也 是 互联 网 上 最 卓越 的 语言 
之 一 ,在 GitHub( 世界 上 最 大 的 代码 托管 站 点 ,https://github.com ) 上 ,托管 了 400 000 多 个 JavaScript 
代码 仓库 (用 JavaScript 开 发 的 项 目 数 量 也 是 最 多 的 ， 并 且 还 在 逐年 增长 ， 参 看 http:/goo.gJ/ 
ZFx6mg )。 


JavaScript 不 仅 可 用 于 前 端 开发 ， 也 适用 于 后 端 开发 ， 而 Node.js 就 是 其 背后 的 技术 。Node 包 
( http:/www.npmjs.org/ ) 的 数量 也 呈 指 数 级 增长 。 


要 成 为 一 名 Web 开 发 工程 师 ， 掌 握 JavaScript 必 不 可 少 。 


本 章 , 你 会 学 到 JavaScript 的 语法 和 一 些 必要 的 基础 , 这 样 我 们 就 可 以 开始 开发 自己 的 数据 结 
构 和 算法 了 。 本 章 内 容 如 下 : 


口 环境 搭建 
口 JavaScript 基 础 

口 控制 结构 

口 函数 

口 JavaScript 面 向 对 象 编程 
口 调试 工具 

口 ECMAScript 6 和 ECMAScript 7 简介 















































1.1 JavaScript 数据 结构 与 算法 


在 本 书 中 , 你 将 学 习 最 常用 的 数据 结构 和 算法 。 为 什么 用 JavaScript 来 学 习 这 些 数 据 结构 和 算 
法 呢 ? 我 们 已 经 回答 了 这 个 问题 。JavaScript 非 常 受 欢迎 , 作为 函数 式 编程 语言 , 它 非常 适合 用 来 
学 习 数 据 结构 和 算法 。 通 过 它 来 学 习 数 据 结 构 比 C 或 Java 这 些 标准 语言 更 简单 ， 学 习 新 东西 也 会 
变 得 很 有 趣 。 谁 说 数据 结构 和 算法 只 为 C 或 Java 这 样 的 语言 而 生 ? 在 前 端 开 发 当中 ， 你 可 能 也 需 
要 实现 这 些 语 言 。 


























图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 





2 第 1 章 JavaScript 简介 




















学 习 数 据 结构 和 算法 十 分 重要 。 首 要 原因 是 数据 结构 和 算法 可 以 很 高 效 地 解决 常见 问题 , 这 
对 你 今后 所 写 代 码 的 质量 至 关 重 要 ( 也 包括 性 能 ; 要 是 用 了 不 恰当 的 数据 结构 或 算法 , 很 可 能 会 
产生 性 能 问题 )。 其 次 ， 对 于 计算 机 科学 ， 算 法 是 最 基础 的 概念 。 最 后 ， 如 果 你 想 入 职 最 好 的 IT 
公司 ( 如 谷歌 、 亚 马 逊 、eBay 等 )， 数 据 结构 和 算法 是 面试 问题 的 重头 戏 。 


让 我 们 开始 学 习 吧 ! 












































1.2 ”环境 搭建 

相 比 其 他 语言 ，JavaScript 的 优势 之 一 在 于 不 用 安装 或 配置 任何 复杂 的 环境 就 可 以 开始 学 习 。 
每 台 计算 机 上 都 已 具备 所 需 的 环境 ， 哪 伯 使 用 者 从 未 写 过 一 行 代码 。 有 浏览 器 足 作 ! 

为 了 运行 书 中 的 示例 代码 , 建议 你 做 好 如 下 准备 : 安装 Chrome 或 Firefox 浏 览 器 ( 选择 一 个 你 
最 喜欢 的 即 可 )， 选 择 一 个 喜欢 的 编辑 器 ( 如 Sublime Text )， 以 及 一 个 Web 服 务 器 (XAMPP 或 其 
他 你 喜欢 的 ， 这 一 步 是 可 选 的 )。 这 些 软件 在 Windows、Linux 和 Mac OS 上 均 可 以 使 用 。 


如 果 你 使 用 Firefox， 推 荐 你 安装 Firebug 插 件 ( https://getfirebug.com )。 接 下 来 将 介绍 搭建 环 
境 的 三 种 方案 。 



























































1.2.1 最 简单 的 环境 搭建 
浏览 器 是 最 简单 的 开发 环境 。 


你 也 可 以 使 用 Firefox 加 Firebug。 安 装 好 Firebug 后 ， 在 浏览 器 的 右上 角 会 看 到 如 下 图 所 示 的 
图 标 。 








售 自 县 | 天 -| 


点 击 Firebug 图 标 ， 打 开 它 ， 可 以 看 到 Console 标 签 ， 我 们 可 以 在 其 命令 行 区 域 中 编写 所 有 
JavaScript 代 码 ， 如 下 图 所 示 (执行 源 代 码 请 按 Run 按 钮 )。 
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及 : Clear Persist Profile 





4| | Console= IHr cs sp J@@8 
[alert(C'Hello, World! ;| -3 l 





Run Clear Copy History 








也 可 以 扩展 命令 行 , 来 适应 Firebug 搬 件 的 整个 可 用 区 域 。 


你 还 可 以 使 用 谷歌 Chrome ， 它 已 经 集成 了 Google Developer Tools (谷歌 开发 者 工具 )。 打 开 
Chrome， 点 击 设置 及 控制 图 标 ， 选 中 Tools | Developer Tools， 如 下 图 所 示 。 


忆 国 上 








New Tab $8T 
New Window BN 
New Incognito Window 他 四 N 
Bookmarks pb 
Recent Tabs p 
Edit Ee 
Zoom [=[ i100% [+| [wd 
Save Page As... $85 
Find... $F 
Print... Pp 


Tools p Extensions 


Task Manager 


Hstory %Y Clear Browsing Data... 全 8 虹 名 
Downloads 他 中 | 

Encoding 
Signed in as loianeg@gmail.com... Ua Enoe peU 
Settings Developer Tools EJ 
About Google Chrome JavaScript Console EE 
Help p Inspect Devices 

















然后 ， 就 可 以 在 Console 标 签 页 中 编写 JavaScript 测 试 代码 ， 如 下 所 示 。 





Q 0 Elements Network Sources Timeline Profiles » 2 的 加 x 


4 





© 定 <top frame> v 
> alert ('Hello, World!'); 
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1.2.2 ”使 用 Web 服务 器 (XAMPP) 


你 可 能 想 要 安装 的 第 二 个 环境 是 XAMPP， 它 的 安装 过 程 也 很 简单 ,但 比 只 使 用 浏览 絮 麻 烦 
点 儿 。 


安装 XAMPP( https://www.apachefriends.org ) 或 者 你 偏爱 的 其 他 Web 服 务 器 。 然后, 在 XAMPP 
安装 文件 夹 下 找到 htdocs 目 录 。 在 该 目录 下 新 建 一 个 文件 夹 ， 就 可 以 在 里 面 执行 本 书 中 所 讲述 的 
源 代码 ; 或 者 是 直接 将 示例 代码 下 载 后 提取 到 此 目录 ， 如 下 所 示 。 














@eGO bs 
Ee 





合 loiane Shared Folder 


多 AirDrop Le- 
Y 曾 javascript-datastructures-algorithms 


A Applicat v 恩 chapter01 
国 Desktop 全 01-Helloworld.html 
团 Docume... 寺 01-Helloworldjs 


® 02-Variables.html 


© Downloads 多 02-Variables.js 
国 files 目 03-Operators.html 
国 Movies 寺 03-Operators.js 
月 Musi ® 04-ConditionalStatements.html 
te 室 ] 04-ConditionalStatements.js 
Pictures 后 05-Loops.html 
鸭 develop... 寺 05-Loops.js 
>» 全 | chapter02 
甸 Docume... 





> 自 | chapter03 


接 下 来 ， 在 启动 XAMPP 服 务 絮 之 后 ， 你 就 可 以 通过 localhost 这 个 URL， 用 浏览 右 访 问 源码 ， 
如 下 图 所 示 ( 别 忘 了 打开 Firebug 或 谷歌 开发 者 工具 查看 输出 )。 














@00, 园 Index of /javascript-datas x 二 由 








> 口 localhost/javascript-datastructures-algorithms/ 吕 区 入 





Index of /javascript-datastructures-algorithms 


Parent Directory 
DS Store 
chapter01/ 
chapter02/ 
chapter03/ 
chapter04/ 











6 执行 示例 代码 时 ， 请 不 要 忘记 打开 谷歌 开发 者 工具 或 Firebug 查 看 输出 结果 
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1.2.3 ”使 用 Node.js 搭建 Web 服务 器 


第 三 种 选择 就 是 100% 的 JavaScript。 我 们 可 以 使 用 Nodejjs 来 搭建 一 个 JavaScript 服 务 器 ， 不 使 
用 XAMPP 搭 建 的 Apache 服 务 器 。 


首先 要 到 http://modejs.org/ 下 载 和 安装 Nodejs。 然 后 ， 打 开 终 端 应 用 ( 如 果 你 用 的 是 Windows 
操作 系统 ， 打 开 Nodejs 的 命令 行 )， 输 入 如 下 命令 : 

npm install http-server -g 

最 好 手动 输入 这 些 命令 ， 复 制 粘贴 可 能 会 出 错 。 

也 可 以 用 管理 员 身份 执行 上 述 命令 。 对 于 Linux 和 Mac 操 作 系统 ， 使 用 如 下 命令 : 

sudo npm install http-server -9 


这 条 命令 会 在 你 的 机 器 上 安装 一 个 JavaScript 服 务 顺 : http-server。 要 启动 服务 器 并 在 终 
端 应 用 上 运行 本 书 中 的 示例 代码 , 请 将 工作 路 径 更 改 至 示例 代码 文件 夹 , 然后 输入 http-server， 
如 下 图 所 示 ， 整 个 环境 就 搭建 好 了 ! 





@OO [javascript-datastructures-algorithms 一 node 一 82x7 Pe 
loianeg:~ loiane$ cd /Users/\loiane/Documents/javascript-datastructures-algorithms 





loianeg: javascript-datastructures~algorithms anes http-server 
Starting Up http-server, serving ./ on port: ll8 9 
Hit CTRL-C to stop the server 











为 执行 示例 ， 打 开 浏 览 器 ， 通 过 http-server 命 令 指 定 的 端口 访问 : 




















i 

SS Rr/ + mi 
€© SC [ localhost:8080 5?| 三 
Index of / 

{drwxr-xr-x) -2it/ 

(drwxr-xr-x) Q apterl 1 

{drwxr-xr-x) chapter01/ 

(drwxr-xr-x) chapter02/ 

(drwxr-xr-x) chapter03/ 

{drwxr-xr-x) chapter04/ 

{drwxr-xr-x) ,idea/ 

(drwxr-xr-x) chapter06/ 

{drwxr-xr-x) chapter07/ 

{drwxr-xr-x) chapter08/ 

{drwxr-xr-x) chapter09/ 

(drwxr-xr-x) chapter10/ 

{drwxr-xr-x) chapter05/ 
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下 载 代码 文件 的 具体 步骤 前 言 中 介绍 过 了 , 请 翻 回去 看 一 看 。 本 书 的 代码 包 

在 GitHub 上 的 托管 地 址 是 https://github.com/loiane/javascript-datastructures- 

载 algorithms。 其 他 图 书 或 视频 的 代码 包 也 可 以 到 https://github.com/PacktPublishing/ 
查阅 。 别 错过 ! 


1.3 JavaScript 基础 


在 深入 学 习 各 种 数据 结构 和 算法 前 , 让 我 们 先 大 概 了 解 一 下 JavaScript。 本 节 教 大 家 一 些 相关 
的 基础 知识 ， 有 利于 学 习 后 面 各 童 。 


首先 来 看 在 HTML 中 编写 JavaScript 的 两 种 方式 : 


<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
</head> 
<body> 
<script> 
alert ('Hello, World!'); 
</script> 
</body> 
</html> 


第 一 种 方式 如 上 面 的 代码 所 示 。 创建 一 个 HTML 文 件 ， 把 代码 写 进 去 。 在 这 个 例子 里 ,我 们 
在 HTML 文 件 中 声明 了 script 标 签 ， 然 后 把 JavaScript 代 码 都 写 进 这 个 标签 。 


第 二 种 方式 , 我 们 需要 创建 一 个 JavaScript 文 件 ( 比如 01-HelloWorldjs ), 在 里 面 写 人 如 下 代码 : 















































alert ('Hello, World!'); 


然后 ， 我 们 的 HTML 文 件 看 起 来 如 下 : 


<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
</head> 
<body> 
<script src="01-HelloWorld.js"> 
</script> 
</body> 
</html> 


第 二 个 例子 展示 了 如 何 将 一 个 JavaScript 文 件 引 入 HTML 文 件 。 
这 两 个 例子 ， 无 论 执 行 哪个 ， 输 出 都 是 一 样 的 。 但 第 二 个 例子 是 最 佳 实践 。 
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可 能 你 在 网 上 的 一 些 例子 里 看 到 过 JavaScript 的 ijnclude 语 句 ， 或 者 放 在 


0 


1.3.1 


页 面 的 性 能 。 


变量 


变量 保存 的 数据 可 以 在 需要 时 设置 、 更 新 或 提取 。 赋 给 变量 的 值 都 有 对 应 的 类 型 。 


head 标 签 中 的 JavaScript 代 码 。 作 为 最 佳 实践 ， 我 们 会 在 关闭 body 标 签 前 引入 
JavaScript 代 码 。 这 样 浏览 器 就 会 在 加 载 脚 本 之 前 解析 和 显示 HTML, 有 利于 提升 


JavaScript 


的 类 型 有 数字 、 字 符 串 、 布 尔 值 、 函 数 和 对 象 。 还 有 unaefined 和 nul1， 以 及 数组 、 日 期 和 正 


则 表达 式 。 


尽管 JavaScript 有 多 种 变量 类 型 ， 然 而 不 同 于 C/C++、C# 或 Java， 它 并 不 是 一 
种 强 类 型 语言 。 在 强 类 型 语言 中 , 声明 变量 时 需要 指定 变量 的 类 型 ( 例如 , 在 Java 
中 声明 一 个 整 型 变量 ， 使 用 int num = 1; )。 在 JavaScript 中 ， 我 们 只 需要 使 用 
关键 字 var， 而 不 必 指 定 变量 类 型 。 因 此 ，JavaScript 不 是 强 类 型 语言 。 





下 面 的 例子 介绍 如 何在 JavaScript 里 使 用 变量 。 


num = 1; //{1} 

num = 3; //{2} 

DELCee S15 /ALI 

name = 'Packt'; //{4} 
trueValue = true; //{5} 
nullVar = null; //{6} 
und; //{7} 




















口 在 行 {2}, 我 们 更 新 了 已 有 变量 。 





i 


不 是 一 个 好 做 法 。 
口 在 行 {3}， 我 们 又 声明 了 一 个 数字 类 ] 





口 在 行 11} ， 我 们 展示 了 如 何 声明 一 个 JavaScript 变 量 (声明 了 一 个 数字 类 型 
var 不 是 必需 的 ， 但 最 好 每 次 声明 一 个 新 变量 时 都 加 上 。 








型 的 变量 ， 




















上 


JavaScript 不 是 强 类 型 语言 。 这 意味 着 你 可 以 声明 一 个 变 


量 并 初始 化 成 一 个 数字 类 型 的 值 ， 然 后 把 它 更 新 成 字符 串 或 者 其 他 类 型 的 值 ， 不 过 这 并 








不 过 这 次 是 十 进 制 浮 点 数 。 在 行 {4} ， 声 


明了 一 个 字符 串 ; 在 行 145}, 声明 了 一 个 布尔 值 ; 在 行 {6}, 声明 了 一 个 nu11; 在 行 {7}， 


声明 了 undefined 变 量 。 


赋值 。 看 看 下 面 的 例子 : 


console.1og("num: 
.log 
console.1log 
console.1log 
.log 


console.1log 


"+ num); 


console "name: "+ name); 
"trueValue: 
"price: "+ price); 

"nullVar: "+ nullVar) 


"und: "+ und); 


console 


"+ trueValue); 


’ 


null 表 示 变 量 没 有 值 ，undefined 表 示 变 量 已 被 声明 ,但 尚未 
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如 果 想 看 我 们 声明 的 每 个 变量 的 值 ,可 以 用 console. 1og 来 实现 ,就 像 上 面 代 码 片段 中 那样 。 


书 中 示例 代码 会 使 用 三 种 方式 输出 JavaScript 的 值 。 第 一 种 是 alert ( 'My 

text here' ), 将 输出 到 浏览 器 的 警示 窗口 ; 第 二 种 是 console.1og ( 'My text 

和 PO here' ), 将 把 文本 输出 到 调试 工具 的 Console 标 签 ( 谷歌 开发 者 工具 或 是 Firebug， 
根据 你 使 用 的 浏览 器 而 定 ); 第 三 种 方式 是 通过 document .write ( 'My text 

here' ) 直 接 输出 到 HTML 页 面 里 并 被 浏览 器 呈现 ,可 以 选择 你 喜欢 的 方式 来 调试 。 


console.1og 方 法 也 不 止 接收 参数 ， 除 了 console.1log ("num: "+ num) 还 可 以 写成 


console.log("num: ", num)o 
稍 后 我 们 会 讨论 函数 和 对 象 。 
变量 作用 域 


作用 域 指 在 编写 的 算法 函数 中 , 我 们 能 访问 的 变量 ( 在 使 用 时 ,函数 作用 域 也 可 以 是 一 个 函 
数 )。 有 本 地 变量 和 全 局 变量 两 种 。 


让 我 们 看 一 个 例子 : 





var myVariable = 'global'; 

myOtherVariable = 'global'; 

function myFunction() { 
var myVariable = 'local'; 


return myVariable; 


} 


function myOtherFunction() { 
myOtherVariable = 'local'; 
return myOtherVariable; 


} 





console.log(myVariable); //{1} 
console.log(myFunction()); //{2} 


console.log (myOtherVariapble); //{3} 
console.log (myOtherFunction()); //{4} 
console.log (myOtherVariable); //{5} 


口 行 {1} 输 出 global， 因 为 它 是 一 个 全 局 变量 。 

口 行 12} 输 出 1ocal ， 因 为 mvvariable 是 在 myFunction 函 数 中 声明 的 本 地 变量 ， 所 以 作 
用 域 仅 在 myFunction 内 。 

口 行 13} 输 出 global ， 因 为 我 们 引用 了 在 第 二 行 初始 化 了 的 全 局 变量 myotherVariable。 
口 行 14} 输 出 1ocal。 在 myotherFunction 困 数 里 ， 因 为 没有 使 用 var 关 键 字 修饰 ， 所 以 这 
里 引用 的 是 全 局 变量 myothervVariable 并 将 它 赋值 为 1ocal。 
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口 因此 , 行 {5} 会 输出 local ( 因为 在 myotherFunction 里 修改 了 myothervariable 的 值 )。 


你 可 能 听 其 他 人 提 过 在 JavaScript 里 应 该 尽量 少 用 全 局 变量 , 这 是 对 的 。 通 常 , 代码 质量 可 以 
用 全 局 变量 和 函数 的 数量 来 考量 (数量 越 多 越 糟 )。 因 此 ， 尽 可 能 避免 使 用 全 局 变量 。 














1.3.2 ”操作 符 


编程 语言 里 都 需要 操作 符 。 在 JavaScript 里 有 算数 操作 符 、 赋 值 操 作 符 、 比 较 操 作 符 、 逻 辑 操 
作 符 、 位 操作 符 、 一 元 操作 符 和 其 他 操作 符 。 我 们 来 看 一 下 这 些 操作 符 : 





var num = 0; //{1} 

num = num + 2; 

num = nunm 33 

num = num / 2; 

Tin 二 十， 

num-—— 

num += 1; //{2} 

num -= 2; 

ni 3 

I /2 

num %= 3; 

console.log('num == 1 局 (rn sD 
console.log('num === 1 + (num === 1)) 
console.log('num != 1 + (num != 1)); 
console.log('num > 1: + (num > 1)); 
console.log('num < 1 : + (num < 1)) 

COONsSoLeé,. Log (Hum 3s= 1 3 让 (Wnt >= 1})}3 
console.log('num <= 1 : ' + (num <= 1)); 
console.log('true && false : ' + (true && false)); // {4} 
console.log('true || false : ' + (true || false)); 
console.log('!true : ' + (!true)); 








在 行 {1}， 我们 用 了 算数 操作 符 。 在 下 面 的 表格 里 ， 列 出 了 这 些 操作 符 及 其 描述 。 





算数 操作 符 描 述 
加 法 
减法 
乘法 
/ 除法 
多 取 余 

十 十 递增 
3 递减 


在 行 {2}， 我 们 使 用 了 赋值 操作 符 ， 在 下 面 的 表格 里 ， 列 出 了 赋值 操作 符 及 其 描述 
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赋值 操作 符 描 述 
赋值 
加 /峰值 (x += y) == (x = x+Y) 
ee 减 /赋值 (x -= y) == (x =x-y) 
3 乘 /赋值 (x *= y) == (x = x*y) 
各 除 /赋值 (x /= y) == (x =x/y) 
3 取 余 /赋值 (x $= y) == (x = x%y) 
在 行 (3)， 我 们 使 用 了 比较 操作 符 。 在 下 面 的 表格 里 ， 列 出 了 比较 操作 符 及 其 描述 
比较 操作 符 描述 
> 相等 
Bn 全 等 
1 二 不 等 
2 大 于 
加 大 于 等 于 
小 于 
Se 小 于 等 于 
在 行 {4}， 我 们 使 用 了 逻辑 操作 符 。 在 下 面 的 表格 里 ， 列 出 了 逻辑 操作 符 及 其 描述 。 
逻辑 操作 符 描 述 
&& 与 
| 或 
. 非 


JavaScript 也 支持 位 操作 符 ， 如 下 所 示 : 


console.log('5 & 1:' (7 和 
donsoleslogtS, | "1 0 
console.log('~ 5:', (~5)); 
Coneole,l109{'5. ~ 1: 3 
omnesolelog tS. 这 将 
Console.log('5 >> 1:', (5 >> 1)) 


下 面 的 表格 对 位 操作 符 做 了 更 详细 的 描述 。 








位 操作 符 描 述 
& 与 
或 
提 
和 异 或 
<< 左 移 
2 右 移 
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typeof 操 作 符 可 以 返回 变量 或 表达 式 的 类 型 。 我 们 看 下 面 的 代码 : 





console.log('typeof num:', typeof num); 
console.log('typeof Packt:', typeof '‘'Packt'); 
console.log('typeof true:', typeof true); 
console.log('typeof [1,2,3]:', typeof [1,2,3]); 
console.log('typeof {name:John}:', typeof {name: 'John'}); 


输出 如 下 : 


typeof num: number 

typeof Packt: string 
typeof true: boolean 
typeof [1,2,3]: object 
typeof {name:John}: object 


JavaScript 还 支持 aelete 操 作 符 ， 可 以 删除 对 象 里 的 属性 。 看 看 下 面 的 代码 : 


var myObj = {name: 'John', age: 21}; 
delete myObj .age; 
console.log (myobj); // 输出 对 象 {Tname: "John"} 


这 些 操作 符 在 后 面 的 算法 学 习 中 可 能 会 用 到 。 








| 


1.3.3” 真 值 和 假 值 


在 JavaScript 中 ，true 和 false 有 些 复杂 。 在 大 多 数 编程 语言 中 ,布尔 值 tzue 和 false 仅 仅 表 示 
true/false。 在 JavaScript 中 ， 如 "Packt "这 样 的 字符 串 值 ， 也 可 以 看 作 true。 


下 面 的 表格 能 帮助 我 们 更 好 地 理解 tue 和 false 在 JavaScript 中 是 如 何 转换 的 。 







































































数值 类 型 转换 成 布尔 值 

undefined false 

null false 

布尔 值 true 是 true，false 是 false 

数字 +0、-0 和 NaN 都 是 false， 其 他 都 是 true 

字符 串 如 果 字 符 串 是 空 的 (长 度 是 0) 就 是 false， 其 他 都 是 true 
对 象 true 


我 们 来 看 一 些 代码 ， 用 输出 来 验证 上 面 的 总 结 : 


function testTruthy (val)t{ 
return val ? console.log('truthy') : console.log('falsy'); 


} 


testTruthy (true); //true 
testTruthy (false); //false 


testTruthy (new Boolean(false)); //true (对 象 始 终 为 Lrue) 
testTruthy(''); //false 
testTruthy('Packt'); //true 
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testTruthy (new String('')); //true (对 象 始终 为 Lrue) 
testTruthy(1); /Erue 

testTruthy(-1); //true 

testTruthy (NaN); //false 

testTruthy (new Number (NaN) ); //true (对 象 始终 为 Lrue) 


testTruthy({}); //true (对 象 始终 为 true) 


var obj = {name: 'John'}; 
testTruthy (obj); //true 
testTruthy (obj.name); //true 














testTruthy (obj.age); //false (年 龄 不 存在 ) 


1.3.4 ”相等 操作 符 “== 和 ===) 
当 使 用 这 两 个 相等 操作 符 时 ， 可 能 会 引起 一 些 困惑 


使 用 == 时 ， 不 同类 型 的 值 也 可 以 被 看 作 相 等 。 这 样 的 结果 可 能 会 使 那些 资深 的 JavaScript 
开发 者 都 感到 困惑 。 我 们 用 下 面 的 表格 给 大 家 分 析 一 下 不 同类 型 的 值 用 相等 操作 符 比 较 后 的 
结果 。 


























类 型 (x) 类 型 (y) 结 果 

null undefined true 

undefined null true 

数字 字符 串 x == toNumber (y) 
字符 串 数字 toNumber (x) == y 
布尔 什 任何 类 型 toNumber (x) == y 
任何 类 型 布尔 值 x == toNumber (y) 
字符 串 或 数字 对 象 XxX == toPrimitive (y) 
对 象 字符 串 或 数字 toprimitive(x) == y 




















如 果 x 和 y 是 相同 类 型 ,JavaScript 会 比较 它们 的 值 或 对 象 值 。 其 他 没有 列 在 这 个 表格 中 的 情况 
都 会 返回 false。 


toNumber 和 toPrimitive 方 法 是 内 部 的 ， 并 根据 以 下 表格 对 其 进行 估 值 。 
toNumber 方 法 对 不 同类 型 返回 的 结果 如 下 : 























值 类 型 结 果 

undefined NaN 

null +0 

布尔 值 如 果 是 true， 返 回 1， 如 果 是 false， 返 回 +0 

数字 数字 对 应 的 值 

字符 串 将 字符 串 解析 成 数字 。 如 果 字 符 串 中 包含 字母 ， 返回 NaN， 如 果 是 由 数字 字符 组 成 的 ， 转 换 成 数字 
对 象 Number (LoPrimitive(vale) ) 
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toPrimitive 方 法 对 不 同类 型 返回 的 结果 如 下 : 


值 类 型 结 果 


对 象 如 果 对 象 的 valueof 方 法 的 结果 是 原始 值 , 返回 原始 值 。 如 果 对 象 的 tostring 
方法 返回 原始 值 ， 就 返回 这 个 值 ， 其 他 情况 都 返回 一 个 错误 


用 例子 来 验证 一 下 表格 中 的 结果 。 首 先 , 我 们 知道 下 面 的 代码 输出 true( 字符 串 长 度 大 于 1 ): 
console.log('packt' ? true : false); 


那么 这 行 代码 的 结果 呢 ? 












































console.log('packt' == true); 


输出 是 false， 为 什么 会 这 样 呢 ? 

















口 首先 ， 布 尔 值 会 被 LoNumber 方 法 转 成 数字 ， 因 此 得 到 packt == 1。 
口 其 次 ， 用 toNumber 转 换 字符 串 值 。 因 为 字符 串 包含 有 字母 ， 所 以 会 被 转 成 NaN， 表 达 式 
就 变 成 了 NaN == 有 结果 就 是 false。 


那么 这 行 代码 的 结果 呢 ? 





console.log('packt' == false); 
输出 也 是 false。 步 又 如 下 所 示 。 
口 首先 ， 布 尔 值 会 被 toNumber 方 法 转 成 数字 ， 因 此 得 到 packt == 0。 


口 其 次 ， 用 koNumpbez 转 换 字 符 串 值 。 因 为 字符 串 包 含有 字母 ， 所 以 会 被 转 成 NaN， 表 达 式 
就 变 成 了 NaN == 有 结果 就 是 false。 

















那么 === 操 作 符 呢 ? 简单 多 了 。 如 果 比 较 的 两 个 值 类 型 不 同 ， 比 较 的 结果 就 是 Ealse。 如 果 
比较 的 两 个 值 类 型 相同 ， 结 果 会 根据 下 表 判 断 。 











类 型 (x) 值 结 果 
数字 x 和 ly 数值 相同 (但 不 是 NaN) true 
字符 串 x 和 0 是 相同 的 字符 true 
布尔 值 xy 都 是 true 或 false true 
对 象 x 和 0 引用 同一 个 对 象 true 





如 果 x 和 y 类 型 不 同 ， 结 果 就 是 false。 
我 们 来 看 一 些 例子 : 
console.log('packt' === true); //false 


console.log('packt' === 'packt'); //true 
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Var personl = {name: 'John'}; 
Var person2 = {name: 'John'}; 
console.log(personl === person2); //false， 不 同 的 对 象 


1.4 控制 结构 


JavaScript 的 控制 结构 和 C 与 Java 里 的 类 似 。 条 件 语句 支持 if.. .else 和 switch。 循 环 支 持 
while、do...while 和 for。 


1.4.1 条 件 语句 


首先 我 们 看 一 下 如 何 构造 江 . . .else 条 件 语句 。 有 几 种 方式 。 
如 果 想 让 一 个 脚本 仅 当 条 件 是 true 时 执行 ， 可 以 这 样 写 : 


Var num 二 3 
(TS 
console.log("'num is equal to 1"); 


} 
如 果 想 在 条 件 为 Lrue 的 时 候 执行 脚本 A， 其 他 情况 下 都 执行 脚本 B， 可 以 这 样 写 : 


Var num = 0; 

















(iii) 生 
console.log("'num is equal to 1"); 
} else { 
console.log("'num is not equal to 1, the value of num is " +num); 


} 
if.. .else 语 句 也 可 以 用 三 元 操作 符 替 换 ， 例 如 下 面 的 1f.. .else 语 句 : 


if (num === 1){ 
nuUum-—; 

} else { 
NUm++} 


} 
可 以 用 三 元 操作 符 替换 为 : 
(fium =a, 1 ?7 TI0mM- = 2 Tm 


如 果 我 们 有 多 个 脚本 ， 可 以 多 次 使 用 if .. .else， 根据 不 同 的 条 件 执行 不 同 的 语句 : 








GE 
TF moOnNtl ssa Ly 
console.log("January"); 
} else if (month === 2){ 
console.log("February"); 
} else :if (month === 3){ 
console.log("March"); 
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} else { 
console.log("Month is not January, February or March"); 


} 


最 后 , 还 有 switch 语 句 。 如 果 要 判断 的 条 件 和 上 面 的 一 样 (但 要 和 不 同 的 值 进 行 比较 )， 可 
以 使 用 swtich 语 句 : 


war ioOntl: SDa 

switch(month) { 
case 1: 
console.log("January"); 
break; 
case 2: 
console.log("February"); 
break; 
case 3: 
console.log("March"),; 
break; 
default: 
console.log("Month is not January, February or March"); 


} 

对 于 switch 语 句 来 说 ，case 和 break 关 键 字 的 用 法 很 重要 。case 判 断 当 前 switch 的 值 是 
否 和 case 分 支 语 句 的 值 相 等 。break 会 中 止 switch 语 句 的 执行 。 没 有 break 会 导致 执行 完 当 前 
的 case 后 ， 继 续 执行 下 一 个 case， 直 到 遇 到 pbreak 或 switch 执 行 结束 。 最 后 ， 还 有 daefault 关 
键 字 ,在 表达 式 不 匹配 前 面 任何 一 种 情形 的 时 候 ， 就 执行 aefault 中 的 代码 ( 如 果 有 对 应 的 ,就 
不 会 执行 )。 














1.4.2 ”循环 


在 处 理 数组 元 素 时 会 经 常用 到 循环 ( 数组 是 下 一 章 的 主讲 内 容 )。 在 我 们 的 算法 中 也 会 经 常 
用 到 for 循 环 。 


JavaScript 中 的 for 循 环 与 C 和 Java 中 的 一 样 。 循 环 的 计数 值 通常 是 一 个 数字 ， 然 后 和 另 一 个 
值 比较 (如 果 条 件 成 立 就 会 执行 for 循 环 中 的 代码 )， 之 后 这 个 数值 会 递增 或 递减 。 
口 在 下 面 的 代码 里 , 我们 用 了 一 个 for 循 环 。 当 i 小 于 10 时 , 会 在 控制 台中 输出 其 值 。i 的 初 
始 值 是 9， 因 此 这 上段 代码 会 输出 0 到 9。 
for (var i=0; i<10; i++) { 


console.1log(i); 


} 
口 我 们 要 关注 的 下 一 种 循环 是 while 循 环 。 当 whi1e 的 条 件 判断 成 立时 , 会 执行 循环 内 的 代 
码 。 下 面 的 代码 里 ， 有 一 个 初始 值 为 0 的 变量 i ,我们 希望 在 i 小 于 10 时 输出 它 的 值 。 输 出 


会 是 0 到 9. 
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var i = 0; 
while(i<10) 
人 

console.1o0g(i); 

口 go. . .while 循 环 和 whi1le 循 环 很 相似 。 区 别 是 在 while 循 环 里 ， 先 进行 条 件 判断 再 执行 
循环 体 中 的 代码 ， 而 在 ao . . .while 循 环 里 ， 是 先 执行 循环 体 中 的 代码 再 判断 循环 条 件 。 
do. . .while 循 环 至 少 会 让 循环 体 中 的 代码 执行 一 次 。 下 面 的 代码 同样 会 输出 0 到 9 
a re te 
do { 

console.log(i); 


+ 十》 
} while (i<10) 





1.5 ”函数 
在 用 JavaScript 编 程 时 ， 函 数 很 重要 。 在 我 们 的 例子 里 也 用 了 郴 数 。 
下 面 的 代码 展示 了 天 数 的 基本 语法 。 它 没有 用 到 参数 或 *eturn 语 句 : 








function sayHello() { 
console.log('Hello!'); 


} 
要 执行 这 个 函数 ， 只 需要 这 样 调用 一 下 : 





sayHello(); 


我 们 也 可 以 传递 参数 给 函数 。 参数 是 会 被 函数 使 用 的 变量 。 下面 的 代码 展示 了 如 何在 函数 中 
使 用 参数 : 

function output (text) { 

console.log (text); 

中 

我 们 可 以 通过 以 下 代码 使 用 该 函数 : 

output ('Hellol'): 

你 可 以 传递 任意 数量 的 参数 ， 如 下 所 示 : 

output ('Hello!'，'Other text'); 


在 这 个 例子 中 ， 函 数 只 使 用 了 传 入 的 第 一 个 参数 ， 第 二 个 参数 被 忽略 。 
函数 也 可 以 返回 一 个 值 ， 例 如 : 
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function sum(numl, num2) { 
return numl + num2; 


} 
这 个 函数 计算 了 给 定 两 个 数字 之 和 ， 并 返回 结果 。 我 们 可 以 这 样 使 用 : 





Var result = sum(1,2); 
output (result);} 


1.6 ” ”JavaScript 面向 对 象 编程 
JavaScript 里 的 对 象 就 是 普通 名 值 对 的 集合 。 创 建 一 个 普通 对 象 有 两 种 方式 。 第 一 种 方 


式 是 : 





























Var obj = new Object (); 
第 二 种 方式 是 : 
Var eb El (ty 


也 可 以 这 样 创建 一 个 完整 的 对 象 : 











obj = { 
name: { 
first: 'Gandalf', 
last: 'the Grey' 


} 
address: 'Middle Earth' 


5 

可 以 看 到 , 声明 JavaScript 对 象 时 ， 键 值 对 中 的 键 就 是 对 象 的 属性 ,， 值 就 是 对 应 属性 的 值 。 在 
本 书 中 ， 我 们 创建 的 所 有 的 类 ， 如 Stack、Set、LinkedList、 Dictionary、 Tree、Graph 
等 ， 都 是 JavaScript 对 象 。 


在 面向 对 象 编程 (OOP ) 中 ,对 象 是 类 的 实例 。 一 个 类 定义 了 对 象 的 特征 。 我 们 会 创建 很 多 
类 来 表示 算法 和 数据 结构 。 例 如 我 们 声明 了 一 个 类 来 表示 书 : 

















function Book(title, pages, ispbn)f{ 
thike., title, = titles 
this.pages = pages; 
this.isbn = isbn; 


} 
用 下 面 的 代码 实例 化 这 个 类 : 
Var book = new Book('title', 'pag', 'isbn'); 


然后 ， 我 们 可 以 访问 和 修改 对 象 的 属性 : 


a 
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console.log (book.title); // 输 出 书 名 
book.title = 'new title'; // 修 改 书 名 
console.log (book.title); // 输 出 新 的 书 名 


类 可 以 包含 函数 。 可 以 声明 和 使 用 函数 ， 如 下 所 示 : 


Book . Prototype.printTitle = function(){ 
console.log(this.title); 

3 

book.printTitle(); 


也 可 以 直接 在 类 的 定义 里 声明 函数 : 


function Book(title, pages, isbn)f{ 
thistitle ee. titles 
this.pages = pages; 
tS SB es LON; 
this.printIsbn = function(){ 
console.log(this.isbn); 
3 
} 
book.printIisbn(); 
在 原型 的 例子 里 ，printTitle 函 数 只 会 创建 一 次 ,在 所 有 实例 中 共享 。 如 果 
在 类 的 定义 里 声明 ， 就 像 前 面 的 例子 一 样 ， 则 每 个 实例 都 会 创建 自己 的 函数 副本 。 
0 使 用 原型 方法 可 以 节约 内 存 和 降低 实例 化 的 开销 。 不 过 原型 方法 只 能 声明 公共 函 
数 和 属性 , 而 类 定义 可 以 声明 只 在 类 的 内 部 访问 的 私有 函数 和 属性 。 ECMAScript 6 
引入 了 一 套 既 像 类 定义 又 基于 原型 的 简化 语法 。 稍 后 我 们 会 进一步 讨论 。 


1.7 ”调试 工具 


除了 学 会 如 何 用 JavaScript 编 程 外 , 还 需要 了 解 如 何 调试 代码 。 调试 对 于 找到 代码 中 的 错误 十 
分 有 帮助 ， 也 能 让 你 低速 执行 代码 ， 看 到 所 有 发 生 的 事情 (方法 被 调用 的 栈 、 变 量 赋值 等 )。 极 
力 推 荐 你 花 一 些 时 间 学 习 一 下 如 何 调试 书 中 的 源码 , 查看 算法 的 每 一 步 ( 这样 也 会 让 你 对 算法 有 
深刻 的 理解 )。 


Firefox 和 Chrome 都 支持 调试 。 这 里 有 一 个 了 解 谷 歌 开 发 者 工具 的 好 教程 ， 地 址 是 
https://developer.chrome.com/devtools/docs/javascript-debugging。 

















除了 你 喜好 的 编辑 器 外 ， 这 里 推荐 其 他 几 个 工具 ， 可 以 提升 编写 JavaScript 的 效率 。 



































口 Aptana: 这 是 一 个 开源 的 免费 IDE， 支 持 JavaScript 、CSS3 和 HTML5 以 及 其 他 语言 
( http://www.aptana.com )。 

口 WebStorm: 这 是 一 个 很 强大 的 IDE， 支 持 最 新 的 Web 技 术 和 框架 。 它 不 是 免费 的 ， 但 你 
可 以 下 载 一 个 30 天 试用 版 本 体验 一 下 ( http://www.jetbrain.com/webstorm )。 
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D Sublime Text: 这 是 一 个 轻 量 级 的 文本 编辑 器 ,可 以 自 定义 插件 。 可 以 买 它 的 许可 证 来 支 
持 这 个 工具 的 开发 ， 也 可 以 免费 使 用 (试用 版 不 过 期 )，http://www.sublimetext.com/。 

口 Atomic: 这 也 是 一 个 轻 量 级 的 文本 编辑 器 ， 由 GitHub 创 建 。 它 对 JavaScript 提 供 了 很 好 的 
支持 ， 也 可 以 自 定义 插件 ( https://atom.io/ )。 
































1.8 ” ”ECMAScript 概述 


如 果 你 关注 JavaScript 的 新 闻 和 最 新 趋势 , 肯定 听 说 过 被 热 炒 的 ECMAScript 6 和 ECMAScript 7。 
ECMAScript 跟 JavaScript 有 什么 关系 ， 又 有 什么 不 同 ? 











Es 


ECMAScript 是 一 种 脚本 语言 规范 。JavaScript 是 这 个 规范 的 一 个 实现 ，Jscript 和 ActionScript 
也 是 如 此 。 





























ECMAScript 6 和 ECMAScript 7 


我 们 知道 ，JavaScript 是 一 种 主要 在 浏览 器 中 运行 的 语言 (也 可 以 运行 于 NodeJS 服 务 端 )， 
个 浏览 器 都 可 以 实现 自己 版 本 的 JavaScript 功 能 〈 稍 后 你 将 在 本 书 中 学 习 )。 这 个 具体 的 实现 是 基 
于 ECMAScript 的 。 因 此 ， 浏 览 器 提供 的 功能 大 都 相同 〈 我 们 的 JavaScript 代 码 可 以 在 所 有 浏览 器 
中 运行 ) 然而 ， 在 不 同 的 浏览 器 中 ， 每 个 功能 的 行为 也 会 存在 细微 的 差别 。 


目前 为 止 ， 本 章 给 出 的 所 有 代码 都 是 基于 2009 年 12 月 发 布 的 ECMAScript 5。 编 写本 书 时 ， 
ECMAScript 的 最 新 版 本 是 2015 年 7 月 标准 化 的 ECMAScript6， 与 上 一 个 版 本 时 隔 近 六 年 。 负 责 起 
草 ECMAScript 规 范 的 委员 会 决定 把 定义 新 标准 的 模式 改 为 每 年 更 新 一 次 ， 新 的 特性 一 旦 通过 就 
将 加 入 标准 。 因 此 ，ECMAScript 第 六 版 更 名 为 BCMAScript 2015( ES6 )。 还 有 一 个 准备 在 2016 
年 夏天 发 布 的 新 版 本 ， 称 为 ECMAScript 2016 或 ECMAScript7 (ES7 )。 

本 节 ， 我 们 会 学 习 ES6 和 ES7 中 引入 的 一 些 新 功能 。 

兼容 性 列表 

一 定 要 明白 , 即便 ES6 已 经 发 布 , 也 不 是 所 有 的 浏览 器 都 完全 支持 新 特性 。 为 了 更 好 的 体验 ， 
最 好 使 用 你 选择 的 浏览 器 (Firefox 或 Chrome ) 的 最 新 版 本 。 


通过 以 下 链接 ， 你 可 以 检查 在 各 个 浏览 右 中 哪些 特性 可 用 。 

































































D ES6: http://kangax.github.io/compat-table/es6/ 
DQ ES7: http:/kangax.github.io/compat-table/es7/ 


即使 有 些 特性 尚未 支持 ， 我 们 也 可 以 现在 就 开始 用 新 语法 和 新 功能 。 
对 于 开发 团队 交付 的 ES6 和 ES7 功 能 实现 ，Firefox 默 认 开 启 支持 。 
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在 谷歌 Chrome 浏 览 器 中 , 你 可 以 如 下 图 所 示 , 访问 chrome://flags, 开启 实验 性 JavaScript 标 志 ， 
启用 新 功能 : 





® ® y ks chrome://flags/#enable-ja x | Loiane 


八 


对 CC | chrome://flags/#enable-javascript-harmony vr 三 





| Op 一 一 -一 -一 - 
Some web pages use legacy or non-standard JavaScript extensions that may conflict with the latest Jav 
features. This flag disables support of those features for compatibility with such pages. #disable-javasc 


harmony-shipping 
Enable 


Enable Experimental JavaScript Mac, Windows, Linux, Chrome OS, Android 
Enable web pages to use experimental JavaScript features. #enable-javascript-harmony 
Enable 





Enable GPU rasterization. Mac, Windows, Linux, Chrome OS, Android 
Use GPU to rasterize web content. Requires impl-side painting. #enable-gpu-rasterization 
Default v 


GPU rasterization MSAA sample count. Mac, Windows, Linux, Chrome OS, Android 
Specify the number of MSAA samples for GPU rasterization. #gpu-rasterization-msaa-sample-count 














即使 开启 了 合 歌 Chrome 浏 览 器 的 实验 性 JavaScript 标 志 , ES6 的 部 分 特性 也 
a 可 能 不 支持 ，Firefox 同 样 如 此 。 要 了 解 各 个 浏览 器 所 支持 的 特性 ， 请 查看 兼容 
性 列表 。 


@ 使 用 Babel.js 


Babel ( https://babeljs.io ) 是 一 个 JavaScript 转 译 器 ， 也 称 为 源 代码 编译 器 。 它 将 使 用 了 ES6 和 
ES7 语 言 特 性 的 JavaScript 代 码 转 换 成 只 使 用 广泛 支持 的 ES5 特 性 的 等 价 代码 。 


使 用 Babeljs 的 方式 多 种 多 样 。 其 中 之 一 是 根据 设置 文档 ( https://babeljs.io/docs/setup/ ) 进行 
安装 。 另 一 种 方式 是 直接 在 浏览 器 中 试用 (https://babeljs.io/repl/ )， 如 下 面 的 屏幕 截图 所 示 。 












































@ @ / 析 Babel.Thecompilerforw x \ ) Loiane | 
《4 C 站 babeljs.io/repl/ ws 


国 Experimental 国 Loose mode 重 High compliancy TEL 





二 fuse Strict 














针对 后 续 章 节 中 出 现 的 所 有 ES6 和 ES7 的 例子 , 我 们 都 将 提供 一 个 在 Babel 中 运行 和 测试 的 链接 。 
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1.9 ECMAScript 6 的 功能 


本 节 ， 我 们 将 演示 如 何 使 用 ES6 的 一 些 新 功能 。 这 既 对 日 常 的 JavaScript 编 码 有 用 ， 也 可 以 简 
化 本 书后 面 章节 中 的 例子 。 我 们 将 介绍 以 下 功能 。 





口 let 和 const 
口 模板 字面 量 

口 解构 

口 展开 操作 符 
口 箭头 函数 : => 
口 类 





1.9.1 用 1et 替代 var 声明 变量 


到 ES5 为 止 ， 我 们 可 以 在 代码 中 任意 位 置 声明 变量 ， 甚 至 重 写 已 声明 的 变量 ， 代 码 如 下 : 








Var framework = 'Angular'; 
Var framework = 'React': 
console.1og(fEramework) ; 


上 面 代码 的 输出 是 React, 这 个 值 被 赋 给 最 后 声明 的 framework 变 量 。 这 段 代码 中 有 两 个 同 
名 的 变量 ， 这 是 非常 危险 的 ， 可 能 会 导致 错误 的 输出 。 


C 、Java 、C# 等 其 他 语言 不 允许 这 种 行为 。ES6 引 入 了 一 个 let 关 键 字 ， 它 是 新 的 var， 这 意 
味 着 我 们 可 以 直接 把 var 关 键 字 都 替换 成 1et。 以 下 代码 就 是 一 个 例子 : 

let language = 'JavaScript!'; // {1} 

let language = 'Ruby!'; // {2}) - 抛 出 错误 

console.log(language); 

行 {2 会 抛 出 错误 ， 因 为 在 同一 作用 域 中 已 经 声明 过 language 变 量 ( 行 {1} )。 后 面 会 讨论 
let 和 变量 作用 域 。 






































&D 你 可 以 访问 https://goo0.gl/he0udZ， 测 试 和 执行 上 面 的 代码 。 




















let 的 变量 作用 域 

我 们 通过 下 面 这 个 例子 ( https://goo.gl/NbsVvg )， 来 理解 1et 关 键 字 声明 的 变量 如 何 工作 : 
let movie = 'Lord of the Rings'; //{1} 

//var movie = 'Batman V Superman'; // 抛 出 错误 ，movie 变 量 已 声明 


function starWarsFan(){ 
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let 
re 


} 


'Star Wars'; //{2} 


turn movie; 


movie = 


tion marvelFan(){ 
'The Avengers'; 
turn movie; 


func 
movie = 
re 


} 


ZY 3 


function pblizzardFan()f{ 

let isFan = true; 

let phrase = 'Warcraft'; 

console.log('Before if: ' 

Tf Ea) 二 
let phrase = 
phrase = 'For the Horde!'，; 
console.log('Inside if: ' 





//{4} 


'initial text'; 
//{6} 


} 
phrase = 
console.log('After if: ' 


} 


'For the Alliance!'; 


//{8} 
.log(starWarsFan()); //{9} 


console ( 
( 

.log(marvelFan()); //{10} 
( 
( 


console 
console 
console 
blizzardFan 


以 上 代码 的 输出 如 下 : 


Lord of the Rings 

Star Wars 

The Avengers 

The Avengers 

Before if: Warcraft 

Inside if: For the Horde! 
After if: For the Alliance! 


现在 ,我 们 来 讨论 得 到 这 些 输出 的 原因 。 


.log (movie); 


dL 
//{12} 


.log (movie); 


部 





口 我 们 在 行 {1} 声 明了 一 个 movie 变 量 3 





+ phrase); 


ZB 


+ phrase); 


//{7} 
+ phrase); 


赋值 为 Lora of the Rings， 





它 的 值 。 你 在 1.3.1 闻 中 的 “变量 作用 域 ” 部 分 已 经 学 过 ， 
口 我 们 在 行 19} 执 行 了 starwarsFan 了 图 数 。 在 这 个 困 数 里 ,我 们 也 声明 了 一 个 movie 变 量 ( 行 





然 


了 TS 


后 在 行 18} 输 出 





这 个 变量 拥有 全 局 作用 域 。 


{2} )。 这 个 函数 的 输出 是 star wars， 因 为 行 12} 的 变量 拥有 局 部 作用 域 ， 也 就 是 说 它 


只 在 函数 内 部 可 见 。 


口 我 们 在 行 110} 执 行 了 marvelFan 国 数 。 在 这 个 函数 里 ， 我 们 改变 了 movie 变 量 的 值 〈 行 








(6 
出 相同 ， 都 是 The Avengerso 


这 个 变量 是 行 {1} 声 明 的 全 局 变量 。 
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口 最 后 ,我 们 在 行 {12} 执 行 了 blizzardFan 函 数 。 在 这 个 函数 里 ,我 们 声明 了 一 个 拥有 也 
数 内 作用 域 的 phrase 变 量 ( 行 14} )。 然后 ， 又 声明 了 一 个 phase 变 量 ( 行 {5} ), 但 这 个 
变量 的 作用 域 只 在 if 语 句 内 。 

















口 我 们 在 行 16} 改 变 了 phrase 的 值 。 由 于 还 在 if 语句 内 ， 值 发 生 改 变 的 是 在 行 15} 声 明 的 
口 然后 ， 我 们 在 行 17} 再 次 改变 了 phrase 的 值 ， 但 由 于 不 是 在 if 语句 内 ， 行 14} 声 明 的 变 
量 的 值 改 变 了 。 





作用 域 的 行为 与 在 Java 或 C 等 其 他 编程 语言 中 一 样 。 然 而 ， 这 是 ES6 才 引入 到 JavaScript 的 。 


1.9.2 ”常量 





ES6 还 引入 了 const 关 键 字 。 它 的 行为 和 1let 关 键 字 一 样 ， 唯 一 的 区 别 在 于 , 用 const 定 义 的 
变量 是 只 读 的 ， 也 就 是 常量 。 

举例 来 说 ， 考 虑 如 下 代码 : 

Const PL = 33214LE5933 


PI = 3.0; // 抛 出 错误 
console.1log (PI); 


当 我 们 试图 把 一 个 新 的 值 赋 给 PI[， 甚 至 只 是 用 var PI 或 1et PI 重新 声明 时 ， 代 码 就 会 抛 出 
错误 ， 告 诉 我 们 PI 是 只 读 的 。 























&3 你 可 以 访问 https://go0.gl/4xuWrC 执 行 上 面 的 例子 。 


1.9.3 ”模板 字面 量 
模板 字面 量 真 的 很 棒 ， 因 为 我 们 创建 字符 串 的 时 候 不 必 再 拼接 值 。 
举例 来 说 ， 考 虑 如 下 ES5 代 码 : 


Var book = { 
name: ' 学 习 JavaScript 数 据 结构 与 算法 ' 
console.1log(' 你 正在 阅读 ' + book.name + '。\n 这 是 新 的 一 行 \n 这 也 是 。')， 


我 们 可 以 用 如 下 代码 改进 上 面 这 个 console.1og 输 出 的 语法 : 
console.1log(` 你 正在 阅读 ${book .name}。 


这 是 新 的 一 行 
这 也 是 。); 
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变量 放 在 ${} 里 就 可 以 了 ， 就 像 例子 中 








车 





模板 字面 量 用 一 对 ` 包 于 。 要 插入 变量 的 值 ， 只 要 
的 book .name。 

模板 字面 量 也 可 以 用 于 多 行 的 字符 串 。 再 也 不 需要 用 \n 了 。 只 要 按 下 键盘 上 的 Enter 就 可 以 
换 一 行 ， 就 像 上 面 例子 里 的 这 是 新 的 一 行 。 


这 个 功能 对 简化 我 们 例子 的 输出 非常 有 用 ! 














6 你 可 以 访问 https://go0.gl/PTqnwO 执 行 上 面 的 例子 。 


1.9.4 ”箭头 函数 
ES6 的 箭头 函数 极 大 地 简化 了 函数 的 语法 。 考 虑 如 下 例子 ; 


var circleArea = function circleAreal(r) { 
Var BL- :Sd 
i pa 0 =- 2 2 1 
return area; 

} 四 


es 
上 面 这 段 代 码 的 语法 可 以 简化 为 如 下 代码 : 


let circleArea = (r) => { //{1} 
const PI = 3.14; 
Le atea EBL I Es 
return area; 

} 


console.log(circleArea (2)); 


这 个 例子 最 大 的 区 别 在 于 行 {1}， 我 们 可 以 省 去 function 关 键 字 ， 只 用 =>。 





如 果 函 数 只 有 一 条 语句 ， 还 可 以 变 得 更 简单 ， 连 return 关 键 字 都 可 以 省 去 。 看 看 下 面 的 
代码 : 


let circleArea2 = (r) => 3.14 *r*r; 
console.log(circleArea2 (2) ) ; 


人 你 可 以 访问 https://go0.gl/CigniJ 执 行 上 面 的 例子 。 


1.9.5 ”函数 的 参数 默认 值 
在 ES6 里 ， 函 数 的 参数 还 可 以 定义 默认 值 。 下 面 是 一 个 例子 : 
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funcetLrod Suv(w ,Ly Ve 
return X+Y + Z 

7 

console.log(sum(4,2)); // 输 出 9 


由 于 我 们 没有 传 和 参数 z， 它 的 值 默 认为 3。 因 此 , 4 + 2 + 3 == 9。 
在 ES6 之 前 ， 上 面 的 函数 我 们 只 能 写成 这 样 : 


function sum (x, y, z) { 


if (x === undefined) 
3 

if (y === undefined) 
y = 2; 

if (z === undefined) 
pe 


return x +Yy + 2; 


3 
有 了 ES6 的 参数 默认 值 ， 代 码 可 以 少 写 好 几 行 。 


人 你 可 以 访问 https://goo0.gl/2MiJ59 执 行 上 面 的 例子 。 


1.9.6 ”声明 展开 和 剩余 参数 


在 ES5 中 ,我 们 可 以 用 apply () 函数 把 数组 转化 为 参数 。 为 此 ,ES6 有 了 展开 操作 符 ( ... )。 
举例 来 说 ， 考 虑 我 们 上 一 节 声 明 的 sum 函 数 。 可 以 执行 如 下 代码 来 传人 参数 x、y 和 z: 


Var params = [3, 4, 5]; 
console.log(sum(...params)); 


以 上 代码 和 下 面 的 ES5 代 码 的 效果 是 相同 的 : 





Var params = [3, 4, 5]; 
console.log(sum.apply (undefined, params)); 


在 函数 中 ,展开 操作 符 (. .. ) 也 可 以 代替 arguments， 当 作 剩 余 参数 使 用 。 考 虑 如 下 例子 : 


function restParamaterFunction (x, y, ...a) { 
return (x + y) * a.length; 
} 


console.log(restParamaterFunction(1, 2， "hello",， true, 7)); // 输 出 9; 


以 上 代码 和 下 面 代码 的 效果 是 相同 的 : 





function restParamaterFunction (x, y) { 
var a = Array.prototype.slice.call (arguments, 2); 
return (x + y) * a.length; 


}; 
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你 可 以 访问 https://goo.gl/8equk5 执 行 展 开 操 作 符 的 例子 ,访问 https://goo. 
gl/LaJZqU 执 行 剩余 参数 的 例子 。 
增强 的 对 象 属性 
ES6 引 入 了 数组 解构 的 概念 ， 可 以 用 来 一 次 初始 化 多 个 变量 。 考 虑 如 下 例子 : 
这 [X;y "Yl: [a 5] 




















以 上 代码 和 下 面 代码 的 效果 是 相同 的 : 
Var x SR 


var Y 


数组 解构 也 可 以 用 来 进行 值 的 互 换 ， 而 不 需要 创建 临时 变量 ， 如 下 : 











[x, y] = [y, xXx]; 


以 上 代码 和 下 面 代码 的 效果 是 相同 的 : 




















Yar tenp = XA: 
y; 


xX 7 
temp; 


¥ 
这 对 你 学 习 排序 算法 会 很 有 用 ， 因 为 互 换 值 的 情况 很 常见 。 

还 有 一 个 称 为 属性 简写 的 功能 ， 它 是 对 象 解构 的 另 一 种 方式 。 考 虑 如 下 例子 : 
var [x, y] = » rs 


‘a 
Var, Obj = ft 
CONSOLe", LOg9 (OBI)Y /7 ot Re Ma" Yi "Bb". 


以 上 代码 和 下 面 代码 的 效果 是 相同 的 : 





dol 























6 放生 

Var ey = 

Bs ©) © 0 
CONSOLE,. 109 (0BI2) 人 {rR WAT YY "BB"} 





本 节 我 们 要 讨论 的 最 后 一 个 功能 是 方法 属性 。 这 使 得 开发 者 可 以 在 对 象 中 声明 看 起 来 像 属 
的 函数 。 下 面 是 一 个 例子 : 


var hello = { 
name : 'abcdef', 
printHello() { 
console.log('Hello'); 
} 
} 
console.log(hello.printHello()); 





eal 
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以 上 代码 也 可 以 写成 下 面 这 样 : | 


Var hello = { 
name: 'abcdef', 
printHello: function printHello() { 
console.log('Hello'); 
} 


你 可 以 访问 以 下 URL 执 行 上 面 三 个 例子 。 
口 数组 解构 : https://goo0.gl/VsLecp 


口 变量 互 换 : https://go00.gl/EyFAII 
口 属性 简写 : https:/goo.gVDKU2PN 











1.9.7 ”使 用 类 进行 面向 对 象 编程 


ES6 还 引入 了 一 种 更 简洁 的 声明 类 的 方式 。 在 1.6 节 , 你 已 经 学 习 了 像 下 面 这 样 声明 一 个 Book 
类 的 方式 : 


function Book(title, pages, isbn){ //{1} 








this.title it Le 
this.pages pages; 
this.isbn = isbn; 
} 
Book.prototype.printTitle = function()t{ 
console.log(this.title); 
3 


我 们 可 以 用 ES6 把 语法 简化 如 下 : 


class Book { //{2} 
constructor (title, pages, ispbn) { 
thie tele -Tit Le 
this.pages = pages; 
this.isbn = isbn; 
} 
printIisbn()t{ 
console.log(this.isbn); 
} 
} 


只 需要 使 用 class 关 键 字 ， 声 明 一 个 有 constructor 国 数 和 诸如 printIsbn 等 其 他 函数 的 
类 。 行 {1} 声 明 Book 类 的 代码 与 行 {2} 声 明 的 代码 具有 相同 的 效果 和 输出 : 











let book = new Book('title', 'pag', 'isbn'); 
console.log (book.title); // 输 出 图 书 标 题 
book.title = 'new title'; // 更 新 图 书 标题 
console.log(book.title); // 输 出 图 书 标题 
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6 你 可 以 访问 https://goo0.gl/UhK1ln4 执 行 上 面 的 例子 。 


1. 继承 
除了 新 的 声明 类 的 方式 ， 类 的 继承 也 有 简化 的 语法 。 我 们 看 一 个 例子 : 


class ITBook extends Book { //{1} 
constructor (title, pages, isbn, technology) 
super (title, pages, isbn); //{2} 
this.technology technology; 
} 
printTechnology (){ 
console.log(this.technology); 
} 
} 


{ 


let jsBook = new ITBook(' 学 习 JS 算 法 '， 
console.log(jsBook.title); 
console.log(jsBook.printTechnology ()); 


'200', '1234567890 ' ， 


'JavaScript'); 


我 们 可 以 用 extends 关 键 字 扩展 一 个 类 并 继承 它 的 行为 ( 行 {1} )。 在 构造 函数 中 ， 我 们 也 





可 以 通过 super 关 键 字 引用 父 类 的 构造 函数 ( 行 {2} )。 





编 











~ 


尽管 在 JavaScript 中 声明 类 的 新 方式 的 语法 与 Java、C、C++ 
JavaScript 面 向 对 象 编程 还 是 基于 原型 实现 的 。 


等 其 他 





























外 你 可 以 访问 https://goo0.gl/hgQvo9 执 行 上 面 的 例子 。 


2. 使 用 属性 存 取 器 





程 语言 很 类 似 ,但 


使 用 新 的 类 语法 也 可 以 为 属性 创建 存 取 器 函数 。 虽 然 不 像 其 他 面向 对 象 语言 ( 封装 概念 )， 











类 的 属性 不 是 私有 的 ,但 最 好 还 是 遵循 一 种 命名 模式 。 
下 面 的 例子 是 一 个 声明 了 get 和 set 消 数 的 类 : 





class Person { 


constructor (name) 


{ 


this. name = name; //{1} 
} 
get name() { //{2} 
return this. name; 
} 
set name(value) { //{3} 


this. name = value; 


} 
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let lotrChar = new Person('Frodo'); 
console.log(lotrChar.name); //{4} 


lotrChar.name = 'Gandalf'; //{5} 
console.log(lotrChar.name); 
lotrChar._name = 'Sam'; //{6} 


console.log(lotrChar.name); 

要 声明 get 和 set 函 数 ， 只 需要 在 我 们 要 暴露 和 使 用 的 函数 名 前 面 加 上 get 或 set 关 键 字 ( 行 
{2} 和 行 {3} )。 我 们 可 以 用 相同 的 名 字 声 明 类 属性 , 或 者 在 属性 名 前 面 加 下 划 线 ( 行 {1} ), 让 这 
个 属性 看 起 来 像 是 私有 的 。 

然后 ， 只 要 像 普 通 的 属性 一 样 ， 引 用 它们 的 名 字 ( 行 {4} 和 行 {5} )， 就 可 以 执行 get 和 set 


























_name 并 非 真 正 的 私有 属性 , 我 们 仍然 可 以 引用 它 。 本 书后 面 的 章节 还 会 谈 
@ .之 
你 可 以 访问 https:/goo.gVSMRYsv 执 行 上 面 的 例子 。 


3. 其 他 功能 


ES6 还 有 其 他 一 些 功能 ， 包 括 列表 迭代 器 、 类 型 数组 、Set 、Map、WeakSet 、WeakMap、 模 
块 、 尾 调用 、symbol ， 等 等 。 本 书 的 其 他 章节 会 介绍 其 中 部 分 功能 。 





更 多 关于 ES6 全 部 功能 和 规范 的 信息 ， 请 参考 http://www.ecma-international. 
org/ecma-262/6.0/。 


1.10 ”ECMAScript 7 的 功能 


本 书 编写 时 ， 已 确定 随 ES7 ( ECMAScript 2016 ) 发 布 的 功能 只 有 一 个 ， 就 是 Array. 





prototype.includes。 





还 有 一 些 功 能 已 经 接近 完成 ， 有 可 能 随 ES7 发 布 ， 但 还 未 最 终 确定 。 


口 窜 运 算 符 

口 SIMD.JS: API 和 填充 脚本 

口 异步 函数 

OD Object .values 和 object .entries 
口 字符 串 填充 

口 函数 参数 列表 以 逗号 结尾 
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进行 数学 运算 时 ， 新 的 过 运算 符 ** 很 方便 ， 有 了 它 ，Math.pow(2，3) 可 以 简化 为 2 ** 3。 


我 们 在 第 2 章 会 进一步 了 解 Array .prototype.includes 的 功能 。 


0 更 多 关于 ES7 的 信息 ， 请 访问 https://tc39.github.io/ecma262/。 


ES6 和 ES7 的 向 下 兼容 性 


我 需要 把 现 有 的 JavaScript 代 码 更 新 到 ES6 或 ES7 吗 ?当然 不 用 ! ES6 和 ES7 是 JavaScript 语 言 的 
子 集 。 所 有 ES5 规 范 的 特性 都 可 以 继续 使 用 。 不 过 , 你 可 以 开始 使 用 ES6 和 ES7 的 新 语法 ,让 代码 
变 得 更 简单 易 读 。 


在 本 书 接 下 来 的 章节 中 ， 我 们 会 尽 可 能 地 使 用 ES6 和 ES7。 如 果 你 想 使 用 ES5 编 写 示 例 代码 ， 
可 以 用 Babel 把 书 中 的 代码 转译 到 ES5。 



























































我 们 要 创建 的 这 些 例 子 也 有 ES5 语 法 的 版 本 ， 请 访问 GitHub 仓 库 的 master 分 
支 (https://github.com/loiane/javascript-datastructures-algorithms )。 


好 了 , 我 们 已 经 介绍 了 一 些 必要 的 JavaScript 基 础 概念 , 是 时 候 开 始 寻 找 数据 结构 和 算法 的 乐 
趣 了 ! 


1.11 小 结 
本 章 主 要 讲述 了 如 何 搭建 开发 环境 ， 有 了 这 个 环境 就 可 以 编写 和 运行 书 中 的 示例 代码 。 


本 章 也 讲 了 JavaScript 语 言 的 基础 知识 ， 这 些 知识 会 在 接 下 来 的 数据 结构 和 算法 学 习 过 程 中 
用 到 。 
你 还 学 习 了 ECMAScript 6 和 ECMAScript 7 的 一 些 新 功能 , 这 会 让 我 们 接 下 来 的 例子 变 得 更 加 


下 一 章 , 我们 要 学 习 第 一 种 数据 结构 : 数组 。 许 多 语言 都 对 数组 有 原生 的 支持 ( 当然 也 包括 
JavaScript )。 
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几乎 所 有 的 编程 语言 


2.1 为 什么 用 数组 





























都 原生 支持 数组 类 型 ， 因 为 数组 是 最 简单 的 内 存 数据 结构 。JavaScript 
里 也 有 数组 类 型 ， 虽 然 它 的 第 一 个 版 本 并 没有 文 持 数组 。 本 章 中 , 我们 将 深入 学 习 数 组 数据 结构 
和 它 的 能 力 。 





数组 存储 一 系列 同一 种 数据 类 型 的 值 。 但 在 JavaScript 里 ,也 可 以 在 数组 中 保存 不 同类 型 的 值 。 
但 我 们 还 是 要 遵守 最 佳 实践 ， 别 这 


么 做 (大 多 数 语言 都 没 这 个 能 力 )。 








假如 有 这 样 一 个 需求 : 保存 所 在 城市 每 个 月 的 平均 温度 。 可 以 这 么 做 : 


averageTempJan 
averageTempFeb 
averageTempMar 
averageTempApr 
averageTempMay 





31 .9 
3 D3 
2 


60.8; 





当然 , 这 肯定 不 是 最 好 的 方案 。 按照 这 种 方式 , 如 果 只 存 一 年 的 数据 , 我 们 能 管理 12 个 变量 。 
但 要 多 存 几 年 的 平均 温度 呢 ? 幸运 的 是 ， 我 们 可 以 用 数组 来 解决 ， 更 加 简 少 地 呈现 同样 的 信息 : 








] 地 
93 
a 
a 


Var averageTemp = | 
averageTemp[0] = 31 
averageTemp[1] = 35 
averageTemp[2] = 42 
averageTemp[3] = 52; 
averageTemp[4] = 60 


-8 


数组 averageTemp 里 的 内 容 如 下 图 所 示 : 
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2.2 创建 和 初始 化 数组 
用 JavaScript 声 明 、 创 建 和 初始 化 数组 很 简单 ， 就 像 下 面 这 样 : 





Var daysOfWeek = new Array(); //{1} 

Var daysOfWeek = new Array (7); //1{2} 

Var daysOfWeek = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 
"mhareday’p-" priday, -voaturday); /Yt3:} 


使 用 new 关 键 字 ， 就 能 简单 地 声明 并 初始 化 一 个 数组 ( 行 {1} )。 用 这 种 方式 ， 还 可 以 创建 一 
个 指定 长 度 的 数组 ( 行 {2} ) 另外 , 也 可 以 直接 将 数组 元 素 作为 参数 传递 给 它 的 构造 器 ( 行 {3} )。 


其 实 ， 用 new 创 建 数 组 并 不 是 最 好 的 方式 。 如 果 你 想 在 JavaScript 中 创建 一 个 数组 ， 只 用 中 括 
号 ([] ) 的 形式 就 行 了 ， 如 下 所 示 : 
var daysOfWeek = []; 


也 可 使 用 一 些 元 素 初 始 化 数组 ， 如 下 : 





























Var daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 
'Thursday', 'Friday', 'Saturday'l]; 


如 果 想 知道 数组 里 已 经 存 了 多 少 个 元 素 , 可 以 使 用 数组 的 length 属 性 ,以 下 代码 的 输出 是 7: 


console.log(daysOfWeek.length); 


访问 元 素 和 迭代 数组 


要 访问 数组 里 特定 位 置 的 元 素 , 可 以 用 中 括号 传递 数值 位 置 , 得 到 想 知道 的 值 或 者 赋 新 的 值 。 
假如 我 们 想 输出 数组 aaysofweek 里 的 所 有 元 素 , 可 以 通过 循环 遍历 数组 , 打印 元 素 , 如 下 所 示 : 




















for (var i=0; i<daysOfWeek.length; i++){ 
console.log(daysOfWeek[i]); 
} 
我 们 来 看 男 一 个 例子 : 求 斐 波 那 契 数列 的 前 20 个 数字 。 已 知 斐 波 那 契 数列 中 第 一 个 数字 是 1 ， 
第 二 个 是 2， 从 第 三 项 开始 ， 每 一 项 都 等 于 前 两 项 之 和 : 


var fibonacci = []; //{1} 
fibonacci[1] = 1; //{2} 
fibonacci[2] = 2; //{3} 
for(var i = 3; i < 20; i++){ 
fibonacci[i] = fibonacci[i-1] + fibonacci[i-2]; ////{4} 


} 
for(var i = 1; i<fibonacci.length; i++){ //{5} 


console.log (fibonacci[i]); //{6} 


} 
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口 在 行 141) 处 ， 我 们 声明 并 创建 了 一 个 数组 。 

口 在 行 1421 和 行 13} ， 把 斐 波 那 契 数列 中 的 前 两 个 数字 分 别 赋 给 了 数组 的 第 二 和 第 三 位 (在 
JavaScript 中 ， 数 组 的 第 一 位 是 0， 这 里 我 们 略 过 ， 从 第 二 位 开始 分 别 保存 斐 波 那 契 数 列 中 
对 应 位 置 的 元 素 )。 

口 然后 ， 我 们 需要 做 的 就 是 想 办 法 得 到 斐 波 那 契 数 列 的 第 三 到 第 二 十 位 的 数字 ( 前 两 个 值 
我 们 已 经 初始 化 过 了 )。 我们 可 以 用 循环 来 处 理 ， 把 数组 中 前 两 位 上 的 元 素 相 加 ， 结 果 赋 
给 当前 位 置 上 的 元 素 ( 行 {4} 一 一 从 数组 中 的 索引 3 到 索引 19 )。 

口 最 后 ， 看 看 输出 ( 行 {6} )， 我们 只 需要 循环 遍历 数组 的 各 个 元 素 ( 行 {5} )。 





























0 示例 代码 里 , 我 们 用 console.1log 来 输出 数组 中 对 应 索引 位 置 的 值 ( 行 {5} 
和 行 {6} )， 也 可 以 直接 用 console.log (fibonacci) 输 出 数组 。 大 多 数 浏览 器 
都 可 以 用 这 种 方式 ， 清 晰 地 输出 数组 。 








现在 如 果 想 知道 裴 波 那 契 数 列 其 他 位 置 上 的 值 是 多 少 ， 要 怎么 办 呢 ? 很 简单 ， 把 之 前 循环 
条 件 中 的 终止 变量 从 20 改 成 你 希望 的 值 就 可 以 了 。 


2.3 添加 元 素 


从 数组 中 添加 和 删除 元 素 也 很 容易 , 但 有 时 也 会 很 棘手 。 假 如 我 们 有 一 个 数组 numbers, 初 
始 化 成 0 到 9: 
Var DUMmBDers 二 1 [0 1 25374 567 8593 


如 果 想 要 给 数组 添加 一 个 元 素 ( 比如 10 ), 只 要 把 值 赋 给 数组 中 最 后 一 个 空位 上 的 元 素 即 可 。 





numbers[numbers.length] = 10; 
在 JavaScript 中 ， 数 组 是 一 个 可 以 修改 的 对 象 。 如 果 添 加 元 素 ， 它 就 会 动态 
0 增长 。 在 C 和 Java 等 其 他 语言 里 ， 我 们 要 决定 数组 的 大 小 ， 想 添加 元 素 就 要 创建 


一 个 全 新 的 数组 ， 不 能 简单 地 往 其 中 添加 所 需 的 元 素 。 


2.3.1 使 用 push 方法 
另外 , 还 有 一 个 push 方 法 , 能 把 元 素 添 加 到 数组 的 末尾 。 通 过 push 方 法 , 能 添加 任意 个 元 素 : 


numbers.push(11); 
numbers.push(12, 13); 


如 果 输 出 numbers 的 话 ， 就 会 看 到 从 0 到 13 的 值 。 


图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


34 第 2 章 数组 





2.3.2 ”插入 元 素 到 数组 首位 


现在 , 我 们 希望 在 数组 中 插入 一 个 值 , 不 像 之 前 那样 搬入 到 最 后 ， 而 是 放 到 数组 的 首位 。 为 
了 实现 这 个 需求 , 首先 我 们 要 腾 出 数组 里 第 一 个 元 素 的 位 置 , 把 所 有 的 元 素 向 右 移 动 一 位 。 我们 
可 以 循环 数组 中 的 元 素 ， 从 最 后 一 位 +1 (长 度 ) 开始 , 将 其 对 应 的 前 一 个 元 素 的 值 赋 给 它 , 依次 
处 理 ， 最 后 把 我 们 想 要 的 值 赋 给 第 一 个 位 置 ( -1 ) 上 。 


























for (var i=numbers.length; i>=0; i--){ 
numbers[i] = numbers[i-1]; 
numbers[0] = -1; 


下 面 这 张 图 描述 了 我 们 刚才 的 操作 过 程 : 





pe De De De DeDe De De 
0 | 1 | 2 3 | wh 11 12 | 13 | 人 


[0 0 2 6 0 0 0 03 [14] 


[length = 14] 
-1 | | 到 | | | | | 


[0] [1 BR GB] FJ [1 [12] [13] [14] 
[length = 15] 



































使 用 unshift 方 法 
在 JavaScript 里 ， 数 组 有 一 个 方法 叫 unshift， 可 以 直接 把 数值 插入 数组 的 首位 : 








numbers.unshift (-2); 
numbers.unshift(-4, -3); 


那么 ， 用 unshift 方 法 ,我 们 就 可 以 在 数组 的 开始 处 添加 值 -2， 然 后 添加 -3、-4 等 。 这 样 
数组 就 会 输出 数字 -4 到 13。 





2.4 删除 元 素 


目前 为 止 , 我 们 已 经 学 习 了 如 何 给 数组 的 开始 和 结尾 位 置 添加 元 素 。 下 面 我 们 来 看 一 下 怎样 
从 数组 中 删除 元 素 。 


要 删除 数组 里 最 靠 后 的 元 素 ， 可 以 用 pop 方 法 : 


numbers.pop() ， 
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人 通过 push 和 pop 方 法 ， 就 能 用 数组 来 模拟 栈 ， 你 将 会 在 下 一 章 看 到 这 部 分 
内 容 。 
































现在 ， 数 组 输出 的 数字 是 -4 到 12， 并 且 数 组 的 长 度 是 17。 





从 数组 首位 删除 元 素 
如 果 要 移 除数 组 里 的 第 一 个 元 素 ， 可 以 用 下 面 的 代码 ; 








for (var i = 0; i < numbers.length; i++){ 
numbers[i] = numbers[i+1]; 

} 

下 面 这 张 图 呈现 了 这 段 代码 的 执行 过 程 : 
























































xg、 gg NE NE NEN XN FN 

4 | ;| 2 | 1 到 9 10 11 区 

人 [1 PP DLL [13] [14] 03 06 
[length = 17] 

和 

-3 | -2 一 1 0 ge ] 10 11 12 | undefined 

[0] II 2 BB] L] D3 [14] 0 [16] 
[length= 17] 











我 们 把 数组 里 所 有 的 元 素 都 左 移 了 一 位 。 但 数组 的 长 度 依然 是 17, 这 意味 着 数组 中 有 额外 的 
一 个 元 素 ( 值 是 undefined )。 在 最 后 一 次 循环 里 ，i + 1 引用 了 一 个 数组 里 还 未 初始 化 的 位 置 。 
在 Java、C/C+ 或 C# 等 一 些 语言 里 , 这 样 写 可 能 就 会 抛 出 异常 了 , 因此 不 得 不 在 numbers .length 
- 1 处 停止 循环 。 


可 以 看 到 , 我 们 只 是 把 数组 第 一 位 的 值 用 第 二 位 覆盖 了 ， 并 没有 删除 元 素 ( 因为 数组 的 长 度 
和 之 前 还 是 一 样 的 ， 并 且 了 多 一 个 未 定义 元 素 )。 


使 用 shift 方 法 
要 确实 删除 数组 的 第 一 个 元 素 ， 可 以 用 shi ft 方法 实现 : 


numbers.shift(); 
































那么 , 假如 本 来 数组 中 的 值 是 从 -4 到 12, 长 度 为 17, 执行 了 上 述 代码 后 , 数组 就 只 有 -3 到 12 
了 ， 并 且 长 度 也 会 减 小 到 16。 
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通过 shift 和 unshift 方 法 ， 就 能 用 数组 模拟 基本 的 队列 数据 结构 ， 第 4 章 
里 会 讲 到 。 


2.5 在 任意 位 置 添加 或 删除 元 素 


目前 为 止 , 我 们 已 经 学 习 了 如 何 添加 元 素 到 数组 的 开头 或 结尾 处 , 以 及 怎样 删除 数组 开头 和 
结束 位 置 上 的 元 素 。 那 如 何在 数组 中 的 任意 位 置 上 删除 或 添加 元 素 ? 


我 们 可 以 使 用 splice 方 法 , 简单 地 通过 指定 位 置 /索引 , 就 可 以 删除 相应 位 置 和 数量 的 元 素 : 








numbers.splice(5,3); 


这 行 代 码 删 除了 从 数组 索引 5 开始 的 3 个 元 素 。 这 就 意味 着 numbers[5] 、numbers[6] 和 
numbers[7] 从 数组 中 删除 了 。 现 在 数组 里 的 值 变 成 了 -3、-2、-1、0、1、5、6、7、8、9 、10、 
11 和 12 (2、3、4 已 经 被 移 除 )。 


对 于 JavaScript 数 组 和 对 象 ， 我 们 还 可 以 用 aelete 操 作 符 删除 数组 中 的 元 
0 素 ,， 例如 delete numbers[0]。 然 而 ， 数 组 位 置 0 的 值 会 变 成 undefined， 也 
就 是 说 ， 以 上 操作 等 同 于 umbers[0] = undefined。 因 此 ,我 们 应 该 始终 使 

用 splice、pop 或 shift (马上 就 会 学 到 ) 方法 来 删除 数组 元 素 。 














现在 , 我 们 想 把 数字 2、3、4 插 入 数组 里 , 放 到 之 前 删除 元 素 的 位 置 上 , 可 以 再 次 使 用 splice 
方法 : 

numbers.splice(5,0,2,3,4); 

splice 方 法 接收 的 第 一 个 参数 ， 表 示 想 要 删除 或 插入 的 元 素 的 索引 值 。 第 二 个 参数 是 删除 
元 素 的 个 数 (这 个 例子 里 ,我 们 的 目的 不 是 删除 元 素 ， 所 以 传人 0 )。 第 三 个 参数 往 后 ， 就 是 要 添 
加 到 数组 里 的 值 ( 元 素 2、3、4 )。 输 出 会 发 现 值 又 变 成 了 从 -3 到 12。 


最 后 ， 执 行 下 这 行 代码 : 
































numbers.splice(5,3,2,3,4); 


输出 的 值 是 从 -3 到 12。 原 因 在 于 ， 我 们 从 索引 5 开始 删除 了 3 个 元 素 ,但 也 从 索引 5 开始 添加 
了 元 素 2、3、4。 


2.6 二 维和 多 维 数 组 


还 记得 本 章 开头 平均 气温 测量 的 例子 吗 ? 现在 我 打算 再 用 一 下 , 不 过 把 记录 的 数据 改 成 数 天 
内 每 小 时 的 气温 。 现 在 我 们 已 经 知道 可 以 用 数组 来 保存 这 些 数据 , 那么 要 保存 两 天 的 每 小 时 气温 
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数据 就 可 以 这 样 : 


Var averageTempDayl A 


F810 re 


然而 ， 这 不 是 最 好 的 方法 。 我 们 可 以 做 得 更 好 。 我 们 可 以 使 用 矩阵 (二 维 数组 ) 来 存储 这 些 
言 息 。 和 矩阵 的 行 保存 每 天 的 数据 ， 列 对 应 小 时 级 别 的 数据 : 


Var averageTempDay2 




















Var averageTemp = []; 
averageTemp[0] Ya Ll 
averageTemp[1] Ll TD] 


JavaScript 只 支持 一 维 数组 ， 并 不 支持 矩阵。 但 是 , 我 们 可 以 像 上 面 的 代码 一 样 ， 用 数组 套数 


组 ， 实 现 矩 阵 或 任 一 多 维 数组 。 代 码 也 可 以 写成 这 样 : 

//day 1 

averageTemp[0] = []; 
averageTemp[0] [0] = 72; 
averageTemp[0] [1] = 75; 
averageTemp[0] [2] = 79; 
averageTemp[0] [3] = 79; 
averageTemp[0][4] = 81; 
averageTemp[0][5] = 81; 
//day 2 

averageTemp[1] = []; 
averageTemp[1][0] = 81; 
averageTemp[1] [1] = 79; 
averageTemp[1] [2] = 75; 
averageTemp[1][3] = 75; 
averageTemp[1] [4] = 73; 
averageTemp[1] [5] = 72; 














上 面 的 代码 里 ,我们 分 别 指定 了 每 天 和 每 小 时 的 数据 。 数 组 中 的 内 容 如 下 图 所 示 : 























每 行 就 是 每 天 的 数据 ， 每 列 是 当天 不 同时 段 的 气温 。 


2.6.1 迭代 二 维 数 组 的 元 素 
如 果 想 看 这 个 矩阵 的 输出 ， 我 们 可 以 创建 一 个 通用 函数 ， 专 门 输出 其 中 的 值 : 

















function printMatrix(myMatrix) { 
for (var i=0; i<myMatrix.length; i++){ 
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for (var j=0; j<myMatrix[i].length; j++){ 
console.log (myMatrix[i][j]); 
} 
} 
} 


需要 遍历 所 有 的 行 和 列 。 因 此 ， 我 们 需要 使 用 一 个 嵌 套 的 for 循 环 来 处 理 ， 其 中 变量 i 为 行 ， 


变量 j 为 列 。 


使 用 以 下 代码 查看 矩阵 averageTemp 的 输出 : 














printMatrix(averageTemp); 


2.6.2 ”多维 数组 


我 们 也 可 以 用 这 种 方式 来 处 理 多 维 数组 。 假 如 我 们 要 创建 一 个 3x3x3 的 矩阵， 每 一 格 里 包含 
和 矩阵 的 1〈 行 入 了 〈 列 ) 及 z (深度 ) 之 和 : 





Var matrix3x3x3 = []; 
for (var i=0; i<3; i++){ 
matrixexax3[E]. | ] 
for (var j=0; j<3; j++){ 
matrtix3dd LI] = J? 
for (var z=0; ZzZ<3; 2Z++){ 
matrix3x3x3[i] [j][z] = i+j+z; 
} 
} 
} 


数据 结构 中 有 几 个 维度 都 没关系 ， 我 们 都 可 以 用 循环 遍历 每 个 维度 来 访问 所 有 格子 。3x3x3 
的 矩阵 也 可 用 立体 图 表示 如 下 : 























[0] 2] 





可 以 用 以 下 代码 输出 这 个 矩阵 的 内 容 : 
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for (var i=0; i<matrix3x3x3.length; i++){ 
for (var j=0; j<matrix3x3x3[i].length; j++){ 
for (var z=0; z<matrix3x3x3[i][j].length; z++){ 
console.log (matrix3x3x3[i] [j][z]); 
} 
} 
} 


如 果 是 一 个 3x3x3x3 的 矩阵， 代码 中 就 会 用 四 层 般 套 的 for 语 句 ， 以 此 类 推 。 


























2.7 ”JavaScript 的 数组 方法 参考 


在 JavaScript 里 , 数组 是 可 修改 的 对 象 , 这 意味 着 创建 的 每 个 数组 都 有 一 些 可 用 的 方法 。 数 组 
很 有 趣 , 因为 它们 十 分 强大 , 并 且 相 比 其 他 语言 中 的 数组 ，JavaScript 中 的 数组 有 许多 很 好 用 的 方 
法 。 这 样 就 不 用 再 为 它 开发 一 些 基 本 功能 了 ， 例 如 在 数据 结构 的 中 间 添 加 或 删除 元 素 。 


下 面 的 表格 中 详 述 了 数组 的 一 些 核心 方法 ， 其 中 的 一 些 我 们 已 经 学 习 过 了 。 












































































































































方法 名 描 述 
concat 连接 2 个 或 更 多 数组 ， 并 返回 结果 
Very 对 数组 中 的 每 一 项 运行 给 定 函数 ， 如 果 该 函数 对 每 一 项 都 返回 true， 则 返回 true 
filter 对 数组 中 的 每 一 项 运行 给 定 函数 ， 返 回 该 函数 会 返回 true 的 项 组 成 的 数组 
forEach 对 数组 中 的 每 一 项 运行 给 定 函 数 。 这 个 方法 没有 返回 值 
join 将 所 有 的 数组 元 素 连 接 成 一 个 字符 串 
indexof 返回 第 一 个 与 给 定 参数 相等 的 数组 元 素 的 索引 ， 没 有 找到 则 返回 -1 
lastIndexof 返回 在 数组 中 搜索 到 的 与 给 定 参数 相等 的 元 素 的 索引 里 最 大 的 值 
map 对 数组 中 的 每 一 项 运行 给 定 函数 ， 返 回 每 次 函数 调用 的 结果 组 成 的 数组 
reverse A 序 ， 原 先 第 一 个 元 素 现在 变 成 最 后 一 个 ， 同 样 原先 的 最 后 一 个 元 素 变 成 了 现在 
J | 
slice 传人 索引 值 ， 将 数组 里 对 应 索引 范围 内 的 元 素 作 为 新 数组 返回 
some 对 数组 中 的 每 一 项 运行 给 定 国 数 ， 如 果 任 一 项 返回 true， 则 返回 frue 
sort 按照 字母 顺序 对 数组 排序 ， 支 持 传 入 指定 排序 方法 的 函数 作为 参数 
tostring 将 数组 作为 字符 串 返回 
YE 和 tostring 类 似 ， 将 数组 作为 字符 串 返 回 











我 们 已 经 学 过 了 push、pop、shift、unshift 和 splice 方 法 。 下 面 来 看 表格 中 提 到 的 方 
法 。 在 本 书 接 下 来 的 章节 里 ， 编 写 数据 结构 和 算法 时 会 大 量 用 到 这 些 方法 。 

















2.7.1 数组 合并 


考虑 如 下 场景 : 有 多 个 数组 , 需要 合并 起 来 成 为 一 个 数组 。 我们 可 以 迭代 各 个 数组 ,然后 把 
每 个 元 素 加 入 最 终 的 数组 。 幸 运 的 是 ，JavaScript 已 经 给 我 们 提供 了 解决 方法 , 叫 作 concat 方 法 : 
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Var Zero = 0; 

var positiveNumbers = [1,2,3]; 

var negativeNumbers = [-3,-2,-1]; 

var numbers = negativeNumbers.concat (zero, positiveNumbers); 


concat 方 法 可 以 向 一 个 数组 传递 数组 、 对 象 或 是 元 素 。 数 组 会 按照 该 方法 传人 的 参数 顺序 
连接 指定 数组 。 在 这 个 例子 里 ， zero 将 被 合并 到 nagativeNumbers 中 ， 然后 positiveNumbers 
继续 被 合并 。 最 后 输出 的 结果 是 -3、-2、-1、0、1、2、3。 


2.7.2 和 迭代 器 函数 

有 时 我 们 需要 迭代 数组 中 的 元 素 。 前 面 我 们 已 经 学 过 ， 可 以 用 循环 语句 来 处 理 ， 例 如 for 
语句 。 

JavaScript 内 置 了 许多 数组 可 用 的 和 迭代 方法 。 对 于 本 节 的 例子 , 我 们 需要 数组 和 函数 。 假 如 有 


一 个 数组 ， 它 值 是 从 1 到 15， 如 果 数 组 里 的 元 素 可 以 被 2 整除 ( 偶数 )， 函 数 就 返回 true， 否 则 返 
回 false: 











var isEven = function (x) { 
// 如 果 x 是 2 的 倍数 ， 就 返回 Lrue 
console.1log (x);} 
return (x % 2 == 0) ? true : false; 
3 
var numbers = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]; 


人 return (x $ 2 == 0) ? true : false 也 可 以 写成 return (x % 2== 0)。 


1. 用 every 方 法 迭代 
我 们 要 尝试 的 第 个 方法 是 every。 every 方 法 会 迭代 数组 中 的 每 个 元 素 ， 直到 返回 false。 














numbers.every (isEven); 

在 这 个 例子 里 , 数组 numbers 的 第 一 个 元 素 是 1, 它 不 是 2 的 倍数 (1 是 奇数 )， 因此 isEven 也 
数 返回 false， 然 后 svery 执 行 结束 。 

2. 用 some 方 法 迭代 

下 一 步 ， 我 们 来 看 some 方 法 。 它 和 every 的 行为 类 似 ， 不 过 some 方 法 会 迭代 数组 的 每 个 元 
素 ， 直到 函数 返回 Erue: 


numbers.some (isEven); 


在 我 们 的 例子 里 ，numbers 数 组 中 第 一 个 偶数 是 2 ( 第 二 个 元 素 )。 第 一 个 被 迭代 的 元 素 是 1， 






























































图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


2.7 JavaScript 的 数组 方法 参考 41 




















迭代 结束 。 


isEven 会 返回 false。 第 二 个 被 迭代 的 元 素 是 2，isEven 返 回 true 
3. 用 forEach 方 法 迭代 
如 果 要 迭代 整个 数组 ， 可 以 用 forEach 方 法 。 它 和 使 用 fo 循环 的 结果 相同 : 


numbers.forEach (function(x){ 
console.log((x 多 宇 宇 . 00) 访 
上 




















4. 使 用 map 和 filter 方 法 
JavaScript 还 有 两 个 会 返回 新 数组 的 遍历 方法 。 第 一 个 是 map: 


Var myMap = numbers.map (isEven); 





数组 myMap 里 的 值 是 : [false, true, false, true, false, true, false, true, 
ee true，false，true，false，true，false]l。 它 保存 了 传人 map 方 法 的 isEven 函 
数 的 运行 结果 。 这 样 就 很 容易 知道 一 个 元 素 是 否 是 偶数 。 比 如 ，myMap [0] 是 false， 因 为 1 不 是 
偶数 ; se 因为 2 是 偶数 。 


还 有 一 个 filter 方 法 。 它 返回 的 新 数组 由 使 函数 返回 true 的 元 素 组 成 : 


Var evenNumbers = numbers.filter(isEven); 


在 我 们 的 例子 里 ，evenNumbers 数 组 中 的 元 素 都 是 偶数 : [2，4，6，8，10，12，14]。 
5. 使 用 reduce 方 法 


最 后 是 reduce 方 法 。reduce 方 法 接收 一 个 函数 作为 参数 ， 这 个 函数 有 四 个 参数 : 
previousValue、currentValue、index 和 array。 这 个 函数 会 返 | 
值 ，reduce 方 法 停止 执行 后 会 返回 这 个 累加 器 。 如 果 要 对 一 个 数组 中 的 所 有 元 素 求 和 ， 这 就 很 
有 用 ， 比 如 : 


numbers.reduce (function(previous, current, index)t{ 
return previous + current; 


}) 
输出 将 会 是 120。 



























































JavaScript 的 Array 类 还 有 另外 两 个 重要 方法 : map 和 reduce。 这 两 个 方法 名 
0 是 自 解释 的 ， 这 意味 着 map 方 法 会 依照 给 定 函 数 对 值 进行 映射 ， 而 reduce 方 法 会 
依照 函数 规约 数组 包含 的 值 , 这 三 个 方法 (map、filter 和 reduce ) 是 我 们 要 在 

第 11 章 学 习 的 JavaScript 函 数 式 编程 的 基础 。 
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2.7.3 ECMAScript 6 和 数组 的 新 功能 


第 1 章 提 到 过 ，ECMAScript 6 ( ES6 或 ES2015 ) 和 ECMAScript 7 ( ES7 或 ES2016 ) 规范 给 
JavaScript 语 言 带 来 了 新 的 功能 。 


下 表 列 出 了 ES6 和 ES7 新 增 的 数组 方法 。 
方 法 描 述 















































eeiterator 返回 一 个 包含 数组 键 值 对 的 迭代 器 对 象 ， 可 以 通过 同步 调用 得 到 数组 元 素 的 键 值 对 
copyWithin 复制 数组 中 一 系列 元 素 到 同一 数组 指定 的 起 始 位 置 

entries 返回 包含 数组 所 有 键 值 对 的 eeiterator 

incliudes 如 果 数 组 中 存在 某 个 元 素 则 返回 true， 否 则 返回 false。ES7 新 增 

find 根据 回调 函数 给 定 的 条 件 从 数组 中 查找 元 素 ， 如 果 找 到 则 返回 该 元 素 

finqIndqex 根据 回调 函数 给 定 的 条 件 从 数组 中 查找 元 素 ， 如 果 找 到 则 返回 该 元 素 在 数组 中 的 索引 
£411 用 静态 值 填充 数组 





from 





根据 已 有 数组 创建 一 个 新 数组 
keys 返回 包含 数组 所 有 索引 的 eeiterator 
of 根据 传人 的 参数 创建 一 个 新 数组 

返回 包含 数组 中 所 有 值 的 @@iterator 














values 





除了 这 些 新 的 方法 ， 还 有 一 种 用 for . . .of 循环 来 迭代 数组 的 新 做 法 ， 以 及 可 以 从 数组 实例 
得 到 的 迭代 需 对 象 。 


在 后 面 的 主题 中 ， 我 们 会 演示 所 有 的 新 功能 。 
1. 使 用 forgach 和 箭头 函数 和 迭代 
箭头 函数 可 以 简化 使 用 forEach 人 迭代 数组 元 素 的 做 法 。 代 码 例子 如 下 : 


numbers.forEach(function (x) { 
console.log(x %$ 2 == 0)，; 








各 
这 段 代 码 可 以 简化 如 下 : 


numbers.forEach (x => 
console.log((x %2 


3 
2. 使 用 for . . .of 循环 迭代 


你 已 经 学 过 用 for 循 环 和 forEach 方 法 迭代 数组 。ES6 还 引入 了 迭代 数组 值 的 for. . .of 循 
环 ， 来 看 看 它 的 用 法 : 


for (let n of numbers) { 
console.log((n % 2 == 0) ? 'even' : '0dd'); 


} 


{ 
== 0)); 
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0 可 以 访问 https://goo.gl/qHYAN1 运 行 上 面 的 示例 。 


3. 使 用 ES6 新 的 迭代 器 (@@iterator) 2 


ES6 还 为 Array 类 增加 了 一 个 eeiterator 属 性 ， 需 要 通过 sympbol.iterator 来 访问 。 代 码 
如 下 : 


let iterator = numbers[Symbol.iterator] (); 
console.log(iterator.next() .value); // 1 





console.log(iterator.next() .value); // 2 
console.log(iterator.next() .value); // 3 
console.log(iterator.next() .value); // 4 
console.log(iterator.next() .value); // 5 


然后 ， 不 断 调用 从 代 器 的 next 方 法 ， 就 能 依次 得 到 数组 中 的 值 。numpers 数 组 中 有 15 个 值 ， 
因此 需要 调用 1$ 次 iterator.next() .value。 


数组 中 所 有 值 都 迭代 完 之 后 ，iterator.next () .value 会 返回 undefinea。 
以 上 代码 的 输出 和 我 们 接 下 来 要 讲 的 numpers .value () 是 一 样 的 。 





0 访问 https://goo0.gl/L81UQW 查 看 和 运行 示例 。 


@ 数组 的 entries、keys 和 values 方 法 


ES6 还 增加 了 三 种 从 数组 中 得 到 迭代 器 的 方法 。 我 们 首先 要 学 习 的 是 entries 方 法 。 



































entties 方 法 返回 包含 键 值 对 的 eeiterator， 下 面 是 使 用 这 个 方法 的 代码 示例 
let aEntries = numbers.entries(); // 得 到 键 值 对 的 迭代 器 
console.log(aEntries.next() .value); // [0，1] - 位 置 0 的 值 为 1 
console.log(aEntries.next().value); // [1，2] - 位 置 1 的 值 为 2 
console.log(aEntries.next().value); // [2，3] - 位 置 2 的 值 为 3 


numbers 数 组 中 都 是 数字 ，key 是 数组 中 的 位 置 ，value 是 保存 在 数组 索引 的 值 。 


使 用 集合 、 字 典 、 散 列表 等 数据 结构 时 ， 能 够 取出 键 值 对 是 很 有 用 的 。 这 个 功能 会 在 本 书后 
面 的 章节 中 大 显 身手 。 


keys 方 法 返回 包含 数组 索引 的 eeiterator， 下 面 是 使 用 这 个 方法 的 代码 示例 : 














let aKeys = numbers.keys(); // 得 到 数组 索引 的 迭代 器 

console.log(aKeys.next()); // {value: 0, done: false } 
console.log(aKeys.next ()) // {value: 1, done: false } 
console.log(aKeys.next ()) // {value: 2, done: false } 


图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


44 第 2 章 数组 





keys 方 法 会 返回 numbers 数 组 的 索引 。 一 旦 没有 可 迭代 的 值 ，aKeys .next () 就 会 返回 一 个 


value 属 性 为 undefined，done 属 性 为 true 的 对 象 。 如 果 done 属 性 的 值 为 false， 就 意味 着 还 
有 可 迭代 的 值 。 




















values 方 法 返回 的 eeiterator 则 包含 数组 的 值 。 使 用 这 个 方法 的 代码 示例 如 下 : 


let aValues = Dnumbers.values (); 


console.log(aValues.next()); // {value: 1, done: false } 
console.log(aValues.next()); // {value: 2, done: false } 
console.log(aValues.next()); // {value: 3, done: false } 
记 住 ， 当 前 的 浏览 器 还 没有 完全 支持 ES6 所 有 的 新 功能 ， 因 此 ， 测试 这 些 代 
码 最 好 的 办 法 是 使 用 Babel。 访 问 https://goo.gl/eojEGk 查 看 和 运行 示例 。 


4. 使 用 from 方 法 
Array .from 方 法 根据 已 有 的 数组 创建 一 个 新 数组 , 比如, 要 复制 numbers 数 组 , 可 以 这 样 做 : 


let numbers2 = Array.from(numbers); 
还 可 以 传 入 一 个 用 来 过 滤 值 的 函数 ， 例 子 如 下 : 


let evens = Array.from(numbers, x => (x %$ 2 == 0)); 


上 面 的 代码 会 创建 一 个 evens 数 组 ， 其 中 只 包含 numpbers 数 组 中 的 偶数 。 





0 访问 https://goo.gl/n4rOY4 查 看 和 运行 示例 。 


5. 使 用 Array .of 方法 
Array .of 方法 根据 传人 的 参数 创建 一 个 新 数组 。 以 下 面 的 代码 为 例 : 


let numbers3 
let numbers4 


Array .of (1); 
Arrayeof (lL 2 3 4 3. 6) 


它 和 下 面 这 段 代 码 的 效果 一 样 : 


let numbers3 
let numbers4 


我 们 也 可 以 用 这 个 方法 复制 已 有 的 数组 ， 比 如 : 





let numbersCopy = Array.of(...numbers4); 

















上 面 的 代码 和 Array .from (numbers4) 的 效果 是 一 样 的 , 区 别 只 是 用 到 了 第 1 章 讲 过 的 展开 
操作 符 。 展 开 操作 符 ( . .. ) 会 把 numpers4 数 组 里 的 值 都 展开 成 参数 。 
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0 访问 https://goo.gl/FoJYNf 查 看 和 运行 示例 。 


6. 使 用 fi11 方 法 
fi11 方 法 用 静态 值 填充 数组 。 以 下 面 的 代码 为 例 : 





let numbersCopy = Array.of(1, 2, 3, 4, 5, 6); 
numbersCopy 数 组 的 length 是 6， 也 就 是 有 6 个 位 置 。 再 看 下 面 的 代码 : 
numbersCopy .fil1(0) ; 

numbersCopy 数 组 所 有 位 置 的 值 都 会 变 成 0( [0，0，0，0，0，01] )。 

我 们 还 可 以 指定 开始 填充 的 索引 ， 如 下 : 

numbersCopy .fil1(2，1):， 

上 面 的 例子 里 ， 数 组 中 从 1 开始 的 所 有 位 置 ， 值 都 是 2 ( [0，2，2，2，2，21] )。 
同样 ， 也 可 以 指定 结束 填充 的 索引 : 

numbersCopy.filL(l, 3; -95)3 


上 面 的 例子 里 , 我 们 会 把 1 填充 到 数组 索引 3 到 5 的 位 置 (不 包括 5 ), 得 到 的 数组 为 [0，2，2， 
Ty Klis 


创建 数组 并 初始 化 值 的 时 候 ，f£i11 方 法 非常 好 用 ， 就 像 下 面 这 样 : 
let ones = Array (6) .fi11(1); 


上 面 的 代码 创建 了 一 个 长 度 为 6， 所 有 的 值 都 是 1 的 数组 ( [1，1，1，1，1，1])。 


























0 访问 https://goo0.gl/sqiHSK 查 看 和 运行 示例 。 


7. 使 用 copywithin 方 法 
copyWithin 方 法 复制 数组 中 的 一 系列 元 素 到 同一 数组 指定 的 起 始 位 置 。 看 看 下 面 这 个 例子 : 
et CopyYarray "Ll 2 ,35 “S35 06)3 


假如 我 们 想 把 4 、5、6 三 个 值 复 制 到 数组 前 三 个 位 置 ， 得 到 [4，5，6，4，5，6] 这 个 数组 。 
可 以 用 下 面 的 代码 达到 目的 : 


CopyArray .copyWithin(0, 3); 
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假如 我 们 想 把 4、5 两 个 值 (位 置 3 和 4 ) 复制 到 位 置 1 和 2， 可 以 这 样 做 ; 











copyArray = [1, 2, 3, 4, 5, 6]; 
copyArray .copyWithin(1, 3, 5); 


这 种 情况 下 ,会 把 从 位 置 3 开始 到 位 置 5 结 束 (不 包括 5 ) 的 元 素 复制 到 位 置 1, 结果 是 得 到 数 
组 [1, 4, 5, 4, 5, 6]。 











ei 访问 https://goo0.gl/hZhBE1 查 看 和 运行 示例 。 


2.7.4 排序 元 素 
通过 本 书 , 我 们 能 学 到 如 何 编写 最 常用 的 搜索 和 排序 算法 。 其 实 , JavaScript 里 也 提供 了 一 个 
排序 方法 和 一 组 搜索 方法 。 让 我 们 来 看 看 。 


首先 ， 我 们 想 反 序 输出 数组 numbers( 它 本 来 的 排序 是 1, 2, 3, 4,…15 )。 要 实现 这 样 的 功能 ， 
可 以 用 reverse 方 法 ， 然 后 数组 内 元 素 就 会 反 序 。 


numbers.reverse(); 






































现在 ,输出 numbers 的 话 就 会 看 到 [15, 14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 
2，1]。 然 后 ， 我 们 用 sort 方 法 : 


numbers.sort () 


然而 ， 如 果 输 出 数组 ， 结 果 会 是 [1，10，11，12，13，14，15，2，3，4，5，6，7，8， 
9] 。 看 起 来 不 大 对 ， 是 吧 ? 这 是 因为 sort 方 法 在 对 数组 做 排序 时 ， 把 元 素 默 认 成 字符 串 进行 相 
互 比 较 。 


我 们 可 以 传 入 自己 写 的 比较 函数 。 因 为 数组 里 都 是 数字 ， 所 以 可 以 这 样 写 : 


numbers.sort (function(a, b){ 
return a-b; 


3 


这 段 代码 ， 在 b 大 于 a 时 ,会 返回 负数 ， 反 之 则 返回 正 数 。 如 果 相 等 的 话 ， 就 会 返回 9。 也 就 
是 说 返回 的 是 负数 ， 就 说 明 a 比 b 小 ， 这 样 sort 就 根据 返回 值 的 情况 给 数组 做 排序 。 


之 前 的 代码 也 可 以 被 表示 成 这 样 ， 会 更 清晰 一 些 : 


function compare(a, b) { 
if (a < b) { 
return -1; 
} 
i (dD 和 
return 1; 


} 
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// a 必须 等 于 b 
return 0; 


} 

numbers.sort (compare); 

这 是 因为 JavaScript 的 sort 方 法 接受 compareFunction 作 为 参数 ， 然 后 sort 会 用 它 排序 数 | 
组 。 在 例子 里 ， 我 们 声明 了 一 个 用 来 比较 数组 元 素 的 函数 ， 使 数组 按 升序 排序 。 




















1. 自 定义 排序 


我 们 可 以 对 任何 对 象 类 型 的 数组 排序 ， 也 可 以 创建 compareFunction 来 比较 元 素 。 例 如 ， 
对 象 Person 有 名 字 和 年 龄 属性 ， 我 们 和 希望 根据 年 龄 排序 ， 就 可 以 这 么 写 : 





Var friends = [ 
{name: 'John'，age: 30}, 
{name: 'Ana', age: 20}, 
{name: 'Chris', age: 25} 
> 


function comparePerson(a, b)t{ 
if (a.age < b.age)t{ 
return -1 
} 
if (a.age > b.age)t{ 
return 1 
} 
return 0; 


} 


console.log(friends.sort (comparePerson)); 


在 这 个 例子 里 ， 最 后 会 输出 Ana(20)，Chris(25)，John(30)。 
2. 字符 串 排序 
假如 有 这 样 一 个 数组 : 


Var names =['Ana', 'ana', 'john', 'John']; 
console.log(names.sort ()); 


你 猜 会 输出 什么 ? 答案 是 这 样 的 : 

















["Ana", "John", "ana", "john"] 

既然 在 字母 表 里 排 第 一 位 ， 为 何 ana 却 排 在 了 John 之 后 呢 ?” 这 是 因为 JavaScript 在 做 字符 比 
较 的 时 候 , 是 根据 字符 对 应 的 ASCII 值 来 比较 的 。 例如，A、J、a、j 对 应 的 ASCII 值 分 别 是 65、75、 
97、106。 


虽然 在 字母 表 里 a 是 最 靠 前 的 ， 但 J 的 ASCII 值 比 a 的 小 ， 所 以 排 在 a 前 面 。 
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0 想 了 解 更 多 关于 ASCII 表 的 信息 ， 请 访问 http:/www.asciitable.comy/。 


现在 ， 如 果 给 sort 传 入 一 个 忽略 大 小 写 的 比较 函数 ， 将 会 输出 ["Ana"， 


"john"] : 


a 


{ 


names.sort (function(a, b) 
) < b.toLowerCase()){ 


if (a.toLowerCasel( 
return -1 

} 

if (a.toLowerCase() > b.toLowerCase()){ 
return 1 

} 

return 0; 


四 


假如 对 带 有 重音 符号 的 字符 做 排序 的 话 ， 我 们 可 以 用 localcompare 来 实现 : 


Var names2 = ['Maéve', 'Maeve']; 
console.log (names2.sort (function(a, b)t 
return a.localCompare (b); 


2 
最 后 输出 的 结果 将 是 ["Maeve"， "Maeve"]。 


bl 





2.7.5 搜索 


搜索 有 两 个 方法 : index0f 方 法 返回 与 参数 匹配 的 第 一 个 元 素 的 索引 ， 
与 参数 匹配 的 最 后 一 个 元 素 的 索引 。 我 们 来 看 看 之 前 用 过 的 numbers 数 组 : 


console.log (numbers.indexOf (10) ) ; 
console.log (numbers.indexOf (100) ) ; 


























在 这 个 示例 中 ， 第 一 行 的 输出 是 9， 第 二 行 的 输出 是 -1 (因为 100 不 在 数组 里 )。 
下 面 的 代码 会 返回 同样 的 结 


numbers.push(10); 
console.log (numbers.lastIindexOf (10));} 
console.log (numbers.lastIndexOf (100)); 


我 们 往 数 组 里 加 入 了 一 个 新 的 元 素 10， 因 此 第 二 行 会 输出 15( 数组 中 的 元 素 是 1 到 15 
10 )， 第 三 行 会 输出 -1 ( 因为 100 不 在 数组 里 )。 

















1. ECMAScript 6 
看 看 下 面 这 个 例子 : 





find 和 findIndex 方 法 
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let, tumnbeke Ss. LL 2 3 dB G6, Hr B79 LO LL, L2H 3 LD] 
function multipleof13 (element, index, array) { 


[es) 


return (element % 13 == 0) ? true : false; 


} 

console.log(numbers.find(multipleof13)); 

console.log(numbers.findIindex (multipleOf13)); oe 
find 和 findIndex 方 法 接收 一 个 回调 函数 ， 搜索 一 个 满足 回调 函 数 条 件 的 值 。 上 面 的 例子 

我 们 要 从 数组 里 找 一 个 13 的 倍数 。 


find 和 findIndex 的 不 同 之 处 在 于 ，find 方 法 返回 第 一 个 满足 条 件 的 值 ，findIndex 方 法 
则 返回 这 个 值 在 数组 里 的 索引 。 如 果 没 有 满足 条 件 的 值 , find 会 返回 undefineqd, 而 findIndex 
返回 -1。 








里 


省 访问 https://go0.gl/2vVAaCh 查 看 和 运行 示例 。 


2. ECMAScript 7 一 一 使 用 includes 方 法 
如 果 数 组 里 存在 某 个 元 素 ，includes 方 法 会 返回 true， 否 则 返回 false。 使 用 includes 
方法 的 例子 如 下 : 


console.log (numbers.includes (15)); 
console.log (numbers.includes (20)); 


例子 里 的 inclugdes (15) 返 回 true, includes (20) 返 回 false, 因为 numbers 数 组 里 没有 20。 
如 果 给 includes 方 法 传人 一 个 起 始 索 引 ， 搜 索 会 从 索引 指定 的 位 置 开 始 : 


let numbers2 .= [7 :6 5B, de 3 2 4); 
console.log (numbers2.includes (4, 5)); 


上 面 的 例子 输出 为 false， 因 为 数组 索引 5 之 后 的 元 素 不 包含 4。 





i 访问 https://goo.gl/{TY9bc 查 看 和 运行 示例 。 


2.7.6 输出 数组 为 字符 串 
现在 ， 我 们 学 习 最 后 两 个 方法 : tostring 和 join。 
如 果 想 把 数组 里 所 有 元 素 输出 为 一 个 字符 串 ， 可 以 用 kostring 方 法 : 





console.log (numbers.toString()); 


1、2、3、4、5、6、7、8、9、10、11、12、13、14、15 和 10 这 些 值 都 会 在 控制 台中 输出 。 
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如 果 想 用 一 个 不 同 的 分 隔 符 ( 比如 - ) 把 元 素 隔 开 ， 可 以 用 join 方法 : 


Var numbersString = numbers.join('-'); 
console.log (numbersString); 


这 将 输出 : 

1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-10 

如 果 要 把 数组 内 容 发 送 到 服务 器 ， 或 进行 编码 (知道 了 分 隔 符 ， 解 码 也 很 容易 )， 这 会 很 
有 用 。 





























有 一 些 很 棒 的 资源 可 以 帮助 你 更 深入 地 了 解数 组 及 其 方法 。 


口 第 一 个 是 w3schools 的 数组 页 面 : http://www.w3schools.com/js/js_arrays.asp。 
口 第 二 个 是 w3schools 的 数组 方法 页 面 : http://www.w3schools.com/js/js_array_ 
methods.asp。 
入 口 Mozilla 的 数组 及 其 方法 的 页 面 也 非常 棒 ， 还 有 不 错 的 例子 : https://developer. 
mozilla.org/en-US/docs/Web/JavaScript/Reference/Global Objects/Array ( http://goo. 
gl/vuldiT ) 。 
口 在 JavaScript 项 目 中 使 用 数组 时 ， 也 有 一 些 很 棒 的 类 库 。 





Underscore: http://underscorejs.org/ 
Lo-Dash: http://lodash.com/ 


2.8 ”类 型 数组 


与 C 和 Java 等 其 他 语言 不 同 , JavaScript 数 组 不 是 强 类 型 的 , 因此 它 可 以 存储 任意 类 型 的 数据 。 








而 类 型 数组 则 用 于 存储 单一 类 型 的 数据 。 它 的 语法 是 let myArray = new TypedArray 
(Length) ， 其 中 TrypedaArrav 需 替换 为 下 表 所 列 之 一 。 





























类 型 数组 数据 类 型 
Int8Array 8 位 二 进 制 补 码 整数 
Uint8Array 8 位 无 符号 整数 
Uint8ClampedArray 8 位 无 符号 整数 
Int16Array 16 位 二 进 制 补 码 整数 
Uint16Array 16 位 无 符号 整数 
Int32Array 32 位 二 进 制 补 码 整数 
Uint32Array 32 位 无 符号 整数 
Float32Array 32 位 IEEE 浮 点 数 
Float64Array 64 位 IEEE 浮 点 数 
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代码 示例 如 下 : 


let length = 5; 
let int16 = new Intl6Array (length); 


let array16 = []; 
arrayl6.length = length; 


for (let i=0; i<length; i++){ 
int16[1] = 314 
} 


console.1log(int16); 





使 用 WebGL API、 进 行 位 操作 、 人 处 理 文件 和 图 像 时 ， 类 型 数组 都 可 以 大 展 拳脚 。 它 用 起 来 和 
普通 数组 也 毫 无 二 致 ， 本 章 所 学 的 数组 方法 和 功能 都 可 以 用 于 类 型 数组 。 





http:/goo.gJKkZBsGx 是 一 个 很 好 的 教程 ， 讲 解 了 如 何 使 用 类 型 数组 处 理 二 进 制 数 据 ， 以 及 它 
在 实际 项 目 中 的 应 用 。 


2.9 人 小结 


在 本 章 中 , 我们 学 习 了 最 常用 的 数据 结构 : 数组 。 我 们 学 习 了 如 何 声明 和 初始 化 数组 ， 给 数 
组 赋值 ， 以 及 添加 和 移 除 数组 元 素 , 还 学 习 了 二 维和 多 维 数组 以 及 数组 的 主要 方法 。 这 对 我 们 在 
后 面 章节 中 编写 自己 的 算法 很 有 用 。 


我 们 还 学 习 了 ES2015 和 ES2016 规 范 新 增 的 Array 方 法 和 功能 。 





下 一 音 ， 我 们 将 学 习 栈 ， 一 种 具有 特殊 行为 的 数组 。 
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数组 是 计算 机 科学 中 最 常用 的 数据 结构 ， 上 一 章 我 们 学 习 了 如 何 创建 和 使 用 它 。 我 们 知道 ， 
可 以 在 数组 的 任意 位 置 上 删除 或 添加 元 素 。 然 而 , 有 时 候 我 们 还 需要 一 种 在 添加 或 删除 元 素 时 有 
更 多 控制 的 数据 结构 。 有 两 种 数据 结构 类 似 于 数组 , 但 在 添加 和 删除 元 素 时 更 为 可 控 。 它 们 就 是 
栈 和 队列 。 


本 章 内 容 包括 : 


口 栈 数据 结构 

口 向 栈 添 加 元 素 

口 从 栈 移 除 元 素 

口 如 何 使 用 Stack 类 
口 十 进 制 转 二 进 制 








3.1 ” 栈 数据 结构 


栈 是 一 种 遵从 后 进 先 出 (LIFO ) 原则 的 有 序 集合 。 新 添加 的 或 待 删除 的 元 素 都 保存 在 栈 的 
同一 端 ， 称 作 栈 项 ， 另 一 端 就 叫 栈 底 。 在 栈 里 ， 新 元 素 都 靠近 栈 顶 ， 旧 元 素 都 接近 栈 底 。 


在 现实 生活 中 也 能 发 现 很 多 栈 的 例子 。 例 如 ， 下 图 里 的 一 控 书 或 者 餐厅 里 堆放 的 盘子 。 


生 
< 


栈 也 被 用 在 编程 语言 的 编译 器 和 内 存 中 保存 变量 、 方 法 调用 等 。 
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3.1.1 创建 栈 
我 们 将 创建 一 个 类 来 表示 栈 。 让 我 们 从 基础 开始 ， 先 声明 这 个 类 : 


function Stack() { 
/ /各 种 属性 和 方法 的 声明 
} 


首先 ， 我们 需要 一 种 数据 结构 来 保存 栈 里 的 元 素 。 可 以 选择 数组 : 
let items = []; 
接 下 来 ， 要 为 我 们 的 栈 声 明 一 些 方法 。 


口 push (element (s) ) : 添加 一 个 (或 几 个 ) 新 元 素 到 栈 顶 。 

口 pop () : 移 除 栈 顶 的 元 素 ， 同 时 返回 被 移 除 的 元 素 。 

口 peek() : 返回 栈 顶 的 元 素 ， 不 对 栈 做 任何 修改 〈 这 个 方法 不 会 移 除 栈 顶 的 元 素 ， 仅 仅 返 
回 它 )。 

口 isEmpty () : 如 果 栈 里 没有 任何 元 素 就 返回 true， 否 则 返回 false。 

口 clear () : 移 除 栈 里 的 所 有 元 素 。 

口 size(): 返回 栈 里 的 元 素 个 数 。 这 个 方法 和 数组 的 length 属 性 很 类 似 。 

















3.1.2 ”向 栈 添加 元 素 


我 们 要 实现 的 第 一 个 方法 是 push。 这 个 方法 负责 往 栈 里 添加 新 元 素 ， 有 一 点 很 重要 : 该 方 
法 只 添加 元 素 到 栈 项 ， 也 就 是 栈 的 末尾 。push 方 法 可 以 这 样 写 : 




















this.push = function(element){ 
Items .push(element) ; 


和 
因为 我 们 使 用 了 数组 来 保存 栈 里 的 元 素 , 所 以 可 以 用 上 一 章 里 学 到 的 数组 的 push 方 法 来 实现 。 


3.1.3 ”从 栈 移 除 元 素 


接着 ,我 们 来 实现 pop 方 法 。 这 个 方法 主要 用 来 移 除 栈 里 的 元 素 。 栈 遵从 LIFO 原 则 ， 因 此 移 
出 的 是 最 后 添加 进去 的 元 素 。 因 此 ， 我 们 可 以 用 上 一 章 讲 数组 时 介绍 的 pop 方 法 。 栈 的 pop 方 法 
可 以 这 样 写 : 


























this.pop = function(){ 
return items.pop(); 


只 能 用 push 和 pop 方 法 添加 和 删除 栈 中 元 素 ， 这 样 一 来 ， 我 们 的 栈 自然 就 遵从 了 LIFO 原 则 。 
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3.1.4 查看 栈 项 元 素 


现在 , 为 我 们 的 类 实现 一 些 额 外 的 辅助 方法 。 如 果 想 知道 栈 里 最 后 添加 的 元 素 是 什么 ,可 以 
用 peek 方 法 。 这 个 方法 将 返回 栈 顶 的 元 素 : 








this.peek = function()f{ 
return items[items.length-1]; 





因为 类 内 部 是 用 数组 保存 元 素 的 ， 所 以 访问 数组 的 最 后 一 个 元 素 可 以 用 length - 1: 





栈 顶 
[| 100 
[1] 72 


[0] 81 栈 底 


























在 上 图 中 ， 有 一 个 包含 三 个 元 素 的 栈 ， 因 此 内 部 数组 的 长 度 就 是 3。 数 组 中 最 后 一 项 的 位 置 
是 2，length - 1(3-1) 正好 是 2?。 


























3.1.5 ”检查 栈 是 否 为 空 


下 一 个 要 实现 的 方法 是 isEmpty， 如 果 栈 为 空 的 话 将 返回 Lrue， 否 则 就 返回 false: 





this.isEmpty = function()t{ 
return items.length == 0; 


} 沪 
使 用 isEmpty 方 法 ,我 们 能 简单 地 判断 内 部 数组 的 长 度 是 否 为 0。 


类 似 于 数组 的 length 属 性 ,我 们 也 能 实现 栈 的 lengtn。 对 于 集合 ,最 好 用 size 代 罕 lengtnh。 
因为 栈 的 内 部 使 用 数组 保存 元 素 ， 所 以 能 简单 地 返回 栈 的 长 度 : 
this.size = function(){ 


return items.length; 


中 














3.1.6 “清空 和 打印 栈 元 素 
最 后 ， 我 们 来 实现 cleazr 方 法 。cleaz 方 法 用 来 移 除 栈 里 所 有 的 元 素 ， 把 栈 清空 。 实 现 这 个 
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方法 最 简单 的 方式 是 : 
this.clear = function(){ 
items = []; 


过 
另外 也 可 以 多 次 调用 pop 方 法 ， 把 数组 中 的 元 素 全 部 移 除 ， 这 样 也 能 实现 cl ea 方法。 


完成 了 ! 栈 已 经 实现 。 通 过 一 个 例子 来 放松 一 下 : 为 了 检查 栈 里 的 内 容 ,我 们 来 实现 一 个 畏 
助 方法 ， 叫 print。 它 会 把 栈 里 的 元 素 都 输出 到 控制 台 : 








this, brint = funetiont()t 
console.log(items.toString()); 
}3 
这 样 ， 我 们 就 完整 创建 了 栈 ! 
使 用 stack 类 
在 深入 了 解 栈 的 应 用 前 ， 我 们 先 来 学 习 如 何 使 用 stack 类 。 
首先 , 我 们 需要 初始 化 Stack 类 。 然 后， 验证 一 下 栈 是 否 为 空 (输出 是 true， 因 为 还 没有 往 
邮 栈 里 添加 元 素 )。 


电 let stack = new Stack(); 
console.log(stack.isEmpty()); // 输 出 为 true 


接 下 来 ， 往 栈 里 添加 一 些 元 素 ( 这 里 我 们 添加 数字 5 和 8; 你 可 以 添加 任意 类 型 的 元 素 ) : 


Tr 





stack.push(5); 
stack.push(8); 


如 果 调 用 peek 方 法 ， 将 会 输出 8 ， 因 为 它 是 往 栈 里 添加 的 最 后 一 个 元 素 : 
console.log(stack.peek()); // 输 出 8 
再 添加 一 个 元 素 : 


stack.push(11); 
console.log(stack.size()); // 输 出 3 
console.log(stack.isEmpty()); // 输 出 false 


我 们 往 栈 里 添加 了 11。 如 果 调 用 size 方 法 ,输出 为 3， 因 为 栈 里 有 三 个 元 素 (5、8 和 11 )。 
如 果 我 们 调用 isEmpty 方 法 ， 会 看 到 输出 了 false (因为 栈 里 有 三 个 元 素 ， 不 是 空 栈 )。 最 后 ， 
我 们 再 添加 一 个 元 素 : 

stack.push(15); 


下 图 描绘 了 目前 为 止 我 们 对 栈 的 操作 ， 以 及 栈 的 当前 状态 : 
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添加 8 栈 顶 “添加 11 


| 
[| 


添加 5 


p> 


























栈 底 





然后 ， 调 用 两 次 pop 方 法 从 栈 里 移 除 2 个 元 素 : 








Stack.pop() 
stack.pop(); 


console.log(stack.size()); // 输 出 2 
stack.print(); // 输 出 [5，8] 


在 两 次 调用 pop 方 法 前 ， 我 们 的 栈 里 有 四 个 元 素 。 调 用 两 次 后 ， 现 在 栈 里 仅 剩 人 5 和 8 了 。 下 








图 描绘 这 个 过 程 的 执行 : 

















3.2 ”ECMAScript6 和 stack 类 


我 们 花 点 时 间 分 析 一 下 代码 ， 看 看 是 否 能 月 











有 ECMAScript 6 (ES6 ) 的 新 功能 来 改进 。 





我 们 创建 了 一 个 可 以 当 作 类 来 使 用 的 stack 函 数 。JavaScript 函 数 都 有 构造 函数 ,可 以 用 来 模拟 
类 的 行为 。 我们 声明 了 一 个 私有 的 items 变 量 , 它 只 能 被 Stack 函 数 / 类 访问 。 然而, 这 个 方法 为 每 
个 类 的 实例 都 创建 一 个 items 变 量 的 副本 。 因 此 ， 如 果 要 创建 多 个 stack 实 例 ， 它 就 不 太 适 合 了 。 





看 看 如 何 用 ES6 新 语法 声明 stack 类 ， 并 和 前 面 的 做 法 比较 一 下 优 缺 点 。 








用 ES6 语法 声明 stack 类 
首先 来 分 析 下 面 的 代码 : 
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class Stack { 
constructor () { 
this.items = []; //{1} 
} 
push (element){ 
this.items.push (element); 
} 
/ /其 他 方法 
} 


我 们 只 是 用 ES6 的 简化 语法 把 stack 函数 转换 成 Stack 类 。 这 种 方法 不 能 像 其 他 语言 (Java、 
C++、C# ) 一 样 直 接 在 类 里 面 声明 变量 ， 只 能 在 类 的 构造 函数 constructor 里 声明 ( 行 {1} )， 
在 类 的 其 他 函数 里 用 this .nameofVariable 就 可 以 引用 这 个 变量 。 

尽管 代码 看 起 来 更 简洁 、 更 漂亮 ， 变 量 items 却 是 公共 的 。ES6 的 类 是 基于 原型 的 。 虽 然 基 
于 原型 的 类 比 基 于 函数 的 类 更 节省 内 存 , 也 更 适合 创建 多 个 实例 , 却 不 能 够 声明 私有 属性 ( 变量 ) 
或 方法 。 而 且 ， 在 这 种 情况 下 ， 我 们 希望 Stack 类 的 用 户 只 能 访问 暴露 给 类 的 方法 。 否 则 ， 就 有 
可 能 从 栈 的 中 间 移 除 元 素 ( 因为 我 们 用 数组 来 存储 其 值 )， 这 不 是 我 们 希望 看 到 的 。 

看 看 ES6 语 法 有 没有 其 他 的 方法 可 以 创建 私有 属性 。 

1. 用 ES6 的 限定 作用 域 symbol 实 现 类 


ES6 新 增 了 一 种 叫 作 symbo1l1 的 基本 类 型 , 它 是 不 可 变 的 ,可 以 用 作对 象 的 属性 。 看 看 怎么 用 
它 来 在 stack 类 中 声明 items 属 性 : 


let _items = Symbol(); //{1} 































































































class Stack { 
aonstrucEor (图 
this[_items] = []; //{2} 
} 
//Stack 方 法 


} 


在 上 面 的 代码 中 ， 我 们 声明 了 sympbol 类 型 的 变量 _items( 行 {1} )， 在 类 的 constructor 图 
数 中 初始 化 它 的 值 ( 行 {2} )。 要 访问 _items， 只 需 把 所 有 的 this .items 都 换 成 this[_items]。 


这 种 方法 创建 了 一 个 假 的 私有 属性 ， 因 为 ES6 新 增 的 0bject .getownPropertySymbols 方 
法 能 够 取 到 类 里 面 声明 的 所 有 symbols 属 性 。 下 面 是 一 个 破坏 Sstack 类 的 例子 : 


let stack = new Stack(); 

stack.push(5); 

stack.push(8); 

let objectSymbols = Object .getOwnPropertySymbols (stack); 
console.log(objectSymbols.length); // 1 
console.log(objectSymbols); // [Symbol()] 
console.log(objectSymbols[0]); // Symbol() 
stack[objectSymbols[0]] .push(1); 

stack.print(); // 输 出 5, 8, 1 
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从 以 上 代码 可 以 看 到 ,访问 stack[objectsymbols[0]1] 是 可 以 得 到 _items 的 。 并 且 ， 
_items 属 性 是 一 个 数组 ， 可 以 进行 任意 的 数组 操作 ， 比 如 从 中 间 删 除 或 添加 元 素 。 我 们 操作 的 
是 栈 ， 不 应 该 出 现 这 种 行为 。 

还 有 第 三 个 方案 。 

2. 用 ES6 的 weakMap 实 现 类 


有 一 种 数据 类 型 可 以 确保 属性 是 私有 的 ， 这 就 是 WeakMap。 我 们 会 在 第 7 章 深入 探讨 Map 这 
种 数据 结构 , 现在 只 需要 知道 WeakMap 可 以 存储 键 值 对 , 其 中 键 是 对 象 , 值 可 以 是 任意 数据 类 型 。 












































如 果 用 weakMap 来 存储 items 变 量 ，stack 类 就 是 这 样 的 : 
const items = new WeakMap(); //{1} 


class Stack { 
constructor () { 
items.set(this, []); //{2} 
} 
push(element) { 
let s = items.get (this); //{3} 
s.push(element);} 
} 
pop() { 
let s items.get (this); 
et r s.pop(); 
return rr; 
} 
/ /其 他 方法 
} 


口 行 {1}， 声 明 一 个 weakMap 类 型 的 变量 items。 
口 行 {2},， 在 constructor 中 ,以 this ( Stack 类 自己 的 引用 ) 为 键 ， 把 代表 栈 的 数组 存 
人 items。 


口 行 {3}， 从 weakMap 中 取出 值 ， 即 以 chis 为 键 ( 行 {2} 设 置 的 ) 从 items 中 取 值 。 


现在 我 们 知道 ，items 在 stack 类 里 是 真正 的 私有 属性 了 ,但 还 有 一 件 事 要 做 。items 现 在 
仍然 是 在 stack 类 以 外 声明 的 ， 因 此 谁 都 可 以 改动 它 。 我 们 要 用 一 个 闭 包 ( 外 层 函 数 ) 把 stack 
类 包 起 来 ， 这 样 就 只 能 在 这 个 函数 里 访问 WeakMap: 

















let otaelke es (furnctiorny C) .4 
const items = new WeakMap (); 
Class Stack { 

constructor () { 
items.set (this, []); 
} 
/ /其 他 方法 
} 
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return Stack; //{5} 
Fey 


当 stack 函 数 里 的 构造 函数 被 调用 时 ， 会 返回 stack 类 的 一 个 实例 ( 行 {5} )。 


OD 关于 JavaScript 闭 包 , 请 阅读 http:/www.w3schools.com/js/js_function closures.asp。 








现在 ，Stack 类 有 一 个 名 为 items 的 私有 属性 。 虽 然 它 很 丑陋 , 但 毕 竞 实现 了 私有 属性 。 然 
而 ， 用 这 种 方法 的 话 ， 扩 展 类 无 法 继承 私有 属性 。 鱼 与 熊 掌 不 可 兼 得 ! 


把 上 面 的 代码 跟 本 章 最 初 实现 的 stack 类 做 个 比较 ， 我 们 会 发 现 有 一 些 相似 之 处 : 


























function Stack() { 
let items = []; 
/ /其 他 方法 
} 
事实 上 ， 尽 管 ES6 引 入 了 类 的 语法 ， 我 们 仍然 不 能 像 在 其 他 编程 语言 中 一 样 声明 私有 属性 或 
方法 。 有 很 多 种 方法 都 可 以 达到 相同 的 效果 , 但 无 论 是 语法 还 是 性 能 ， 这 些 方法 都 有 各 自 的 优点 
和 缺点 。 


哪 种 方法 更 好 ?这 取决 于 你 在 实际 项 目 中 如 何 使 用 本 书 中 这 些 算法 , 要 处 理 的 数据 量 , 要 创 
建 的 实例 个 数 ， 以 及 其 他 约束 条 件 。 最 终 ， 还 是 取决 于 你 。 


























在 本 书 提 供 下 载 的 代码 中 ， 所 有 的 数据 结构 都 会 包含 简单 的 函数 类 ， 以 及 
ES6 的 WeakMap 和 闭 包 的 创建 方法 。 


3.3 ”用材 解决 问题 


栈 的 实际 应 用 非常 广泛 。 在 回 淹 问 题 中 ,， 它 可 以 存储 访问 过 的 任务 或 路 径 、 撤 销 的 操作 〈 后 
面 的 章节 讨论 图 和 回溯 问题 时 ， 我 们 会 学 习 如 何 应 用 这 个 例子 )。Java 和 C# 用 栈 来 存储 变量 和 方 
法 调用 ,特别 是 处 理 递归 算法 时 ， 有 可 能 抛 出 一 个 栈 溢出 异常 (后面 的 章节 也 会 介绍 )。 
既然 我 们 已 经 了 解 了 Stack 类 的 用 法 ,不 妨 用 它 来 解决 一 些 计算 机 科学 问题 。 本 节 ， 我 们 将 
学 习 使 用 栈 的 三 个 最 著名 的 算法 示例 。 首 先是 十 进 制 转 二 进 制 问题 ， 以 及 任意 进 制 转换 的 算法 ; 
然后 是 平衡 圆 括号 问题 ; 最后， 我 们 会 学 习 如 何 用 栈 解 决 汉 诺 塔 问题 。 



























































从 十 进 制 到 二 进 制 


现实 生活 中 , 我们 主要 使 用 十 进 制 。 但 在 计算 科学 中 ， 二进制 非常 重要 ， 因 为 计算 机 里 的 所 
有 内 容 都 是 用 二 进 制 数 字 表 示 的 ( 0 和 1 )。 没 有 十 进 制 和 二 进 制 相互 转化 的 能 力 ， 与 计算 机 交流 
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就 很 困难 。 


要 把 十 进 制 转化 成 二 进 制 , 我 们 可 以 将 该 十 进 制 数 字 和 2 整除 ( 二进制 是 满 二 进 一 ), 直到 结 
果 是 0 为 止 。 举 个 例子 ， 把 十 进 制 的 数字 10 转 化 成 二 进 制 的 数字 ， 过 程 大 概 是 这 样 : 


















































1 
10/2==5 rem==0 牧 0 
< 
5/2==2 rem==1 闭 本 
Dp 1 下 
22--1 rem==0 * 妨 
1/2==0 rem==l1 0 


























大 学 的 计算 机 课 一 般 都 会 先 教 这 个 进 制 转换 。 下 面 是 对 应 的 算法 描述 : 
function divideBy2 (decNumber){ 


Var remStack = new Stack(), 
rem, 
binaryString = "' 


while (decNumber > 0){ //{1} 
rem = Math.floor(decNumber % 2); //{2} 
remStack.push(rem); //{3} 
decNumber = Math.floor(decNumber / 2); //{4} 
} 


while (!remStack.isEmpty()){ //{5} 
binaryString += remStack.pop() .toSstring(); 
} 


return binaryString; 


} 

在 这 段 代码 里 ， 当 结果 满足 和 2 做 整除 的 条 件 时 ( 行 {1} )， 我 们 会 获得 当前 结果 和 2 的 余数 ， 
放 到 栈 里 ( 行 {2}、{3} )。 然后 让 结果 和 2 做 整除 ( 行 {4} )。 另外 请 注意 : JavaScript 有 数字 类 型 ， 
但 是 它 不 会 区 分 究竟 是 整数 还 是 浮 点 数 。 因 此 ， 要 使 用 Math. f1oor 函 数 让 除法 的 操作 仅 返 回 整 
数 部 分 。 最 后 ， 用 pozp 方 法 把 栈 中 的 元 素 都 移 除 ， 把 出 栈 的 元 素 变 成 连接 成 字符 串 〈 行 15} )。 

用 刚才 写 的 算法 做 一 些 测试 ， 使 用 以 下 代码 把 结果 输出 到 控制 台 里 ; 

console.log(divideBy2(233)); 


console.log(divideBy2(10)); 
console.log(divideBy2(1000)); 


进 制 转换 算法 
我 们 很 容易 修改 之 前 的 算法 ， 使 之 能 把 十 进 制 转换 成 任何 进 制 。 除 了 让 十 进 制 数字 和 2 整除 
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转 成 二 进 制 数 ， 还 可 以 传人 其 他 任意 进 制 的 基数 为 参数 ， 就 像 下 面 算法 这 样 : 


function baseConverter (decNumber, base){ 





Var remStack = new Stack(), 
rem, 
baseString = '', 
digits = '0123456789ABCDEF'; //{6} 


while (decNumber > 0){ 
rem = Math.floor(decNumber % base); 
remStack.push (rem); 
decNumber = Math.floor(decNumber / base); 


: 


while (!remStack.isEmpty())t{ 
baseString += digits[remStack.pop()]; //{7} 
} 


return baseString; 


} 

我 们 只 需要 改变 一 个 地 方 。 在 将 十 进 制 转 成 二 进 制 时 , 余数 是 0 或 1; 在 将 十 进 制 转 成 八进制 
时 ， 余 数 是 0 到 7 之 间 的 数 ; 但 是 将 十 进 制 转 成 16 进 制 时 ， 余数 是 0 到 9 之 间 的 数字 加 上 A、B、C、 
D、E 和 F (对 应 10、11、12、13、14 和 15 )。 因 此 ， 我 们 需要 对 栈 中 的 数字 做 个 转化 才 可 以 ( 行 
{6} 和 行 {7} )。 


可 以 使 用 之 前 的 算法 ,输出 结果 如 下 : 


console.log(baseConverter(100345, 2)); 
console.log(baseConverter(100345, 8)); 
console.log(baseConverter(100345, 16)); 
























































0 请 在 网 上 下 载 本 书 的 代码 , 里 面 还 有 一 些 栈 的 应 用 实例 ， 如 平衡 圆 括 号 和 汉 
诺 塔 。 


3.4 小 结 


通过 本 章 , 我 们 学 习 了 栈 这 一 数据 结构 的 相关 知识 。 我 们 用 代码 自己 实现 了 栈 , 还 讲解 了 如 
何 用 push 和 pop 往 栈 里 添加 和 移 除 元 素 。 

我 们 比较 了 创建 stack 类 的 不 同方 法 ， 并 分 别 列 举 了 优点 和 缺点 。 我 们 还 学 习 了 用 栈 来 解决 
计算 机 科学 中 最 著名 的 问题 之 一 。 


下 一 章 将 要 学 习 队 列 。 它 和 栈 有 很 多 相似 之 处 , 但 有 个 重要 区 别 ， 队 列 里 的 元 素 不 遵循 后 进 
先 出 原则 。 
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队 “ 列 














我 们 已 经 学 习 了 栈 。 队 列 和 栈 非常 类 似 ， 但 是 使 用 了 不 同 的 原则 ， 而 非 后 进 先 出 。 你 将 在 这 
一 章 学 习 这 些 内 容 。 
4.1 队列 数据 结构 


队列 是 遵循 FIFO〈First In First Out， 先 进 先 出 ， 也 称 为 先 来 先 服务 ) 原则 的 一 组 有 序 的 项 。 
队列 在 尾部 添加 新 元 素 ， 并 从 项 部 移 除 元 素 。 最 新 添加 的 元 素 必 须 排 在 队列 的 末尾 。 


在 现实 中 ， 最 常见 的 队列 的 例子 就 是 排队 : 











Tickets 














还 有 ,在 电影 院 、 自 助 餐厅 、 杂 货 店 收银 台 ， 我 们 也 都 会 排队 。 排 在 第 一 位 的 人 会 先 接 受 
服务 。 

在 计算 机 科学 中 , 一 个 常见 的 例子 就 是 打印 队列 。 比 如 说 我 们 需要 打印 五 份 文档 。 我 们 会 打 
开 每 个 文档 , 然后 点 击 打印 按钮 。 每 个 文档 都 会 被 发 送 至 打印 队列 。 第 一 个 发 送 到 打印 队列 的 文 
档 会 首先 被 打印 ， 以 此 类 推 ， 直 到 打印 完 所 有 文档 。 
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4.2 创建 队列 
我 们 需要 创建 自己 的 类 来 表示 一 个 队列 。 先 从 最 基本 的 声明 类 开始 : 








function Queue() { 
// 这 里 是 属性 和 方法 
} 
首先 需要 一 个 用 于 存储 队列 中 元 素 的 数据 结构 。 我 们 可 以 使 用 数组 ,就 像 在 上 一 章 stack 类 
中 那样 使 用 ( 你 会 发 现 oueue 类 和 stack 类 非常 类 似 ， 只 是 添加 和 移 除 元 素 的 原则 不 同 ): 





let items = []; 
接 下 来 需要 声明 一 些 队列 可 用 的 方法 。 


口 enqueue (element (s) ) : 向 队列 尾部 添加 一 个 (或 多 个 ) 新 的 项 。 

口 dequeue () : 移 除 队列 的 第 一 ( 即 排 在 队列 最 前 面 的 ) 项 ， 并 返回 被 移 除 的 元 素 。 

口 front (): 返回 队列 中 第 一 个 元 素 一 一 最 先 被 添加 ， 也 将 是 最 先 被 移 除 的 元 素 。 队 列 不 
做 任何 变动 (不 移 除 元 素 ， 只 返回 元 素 信息 一 一 与 Stack 类 的 peek 方 法 非常 类 似 )。 

口 isEmpty () : 如 果 队 列 中 不 包含 任何 元 素 ， 返回 true， 否 则 返回 false。 

口 size(): 返回 队列 包含 的 元 素 个 数 ， 与 数组 的 length 属 性 类 似 。 





























4.2.1 向 队列 添加 元 素 


首先 要 实现 的 是 snqueue 方 法 。 这 个 方法 负责 向 队列 添加 新 元 素 。 这 里 有 一 个 非常 重要 的 细 
节 ， 新 的 项 只 能 添加 到 队列 末尾 : 
this.endueue = function(element) 1{ 
Items .push(element) ; 
] 
既然 我 们 使 用 数组 来 存储 队列 的 元 素 , 就 可 以 用 第 2 章 和 第 3 章 中 介绍 过 的 JavaScript 的 array 
类 的 push 方 法 。 





4.2.2 ”从 队列 移 除 元 素 


接 下 来 要 实现 dequeue 方 法 。 这 个 方法 负责 从 队列 移 除 项 。 由 于 队列 遵循 先进 先 出 原则 ， 
最 先 添加 的 项 也 是 最 先 被 移 除 的 。 可 以 用 第 2 章 中 介绍 过 的 JavaScript 的 array 类 的 shift 方 法 。 
如 果 你 不 记得 了 ， 这 里 帮 你 回忆 一 下 ，shift 方 法 会 从 数组 中 移 除 存储 在 索引 0 ( 第 一 个 位 置 ) 
的 元 素 : 

















this.dequeue = function(){ 
return items.shift(); 


hy 


图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 





64 第 4 章 队列 








只 有 enqueue 方 法 和 dequeue 方 法 可 以 添加 和 移 除 元 素 , 这 样 就 确保 了 oueue 类 遵循 先进 先 
出 原则 。 
4.2.3 ”查看 队列 头 元 素 


现在 来 为 我 们 的 类 实现 一 些 额外 的 辅助 方法 。 如 果 想 知道 队列 最 前 面 的 项 是 什么 ， 可 以 用 
frzont 方 法 。 这 个 方法 会 返回 队列 最 前 面 的 项 〈 数 组 的 索引 为 0 ): 























this.front = function(){ 
return items{[0]; 
过 
4.2.4 检查 队列 是 否 为 空 


下 一 个 是 isEmpty 方 法 。 如 果 队 列 为 空 ， 它 会 返回 Erue， 否则 返回 false ( 注意 这 个 方法 和 
Stack 类 里 的 一 样 ): 





this.isEmpty = function()t{ 
return items.length == 0; 


地 
对 于 isEmpty 方 法 ， 可 以 简单 地 验证 内 部 数组 的 length 是 否 为 0。 


我 们 也 可 以 为 oueue 类 实现 类 似 于 array 类 的 length 属 性 的 方法 。size 方 法 也 跟 Sstack 类 
里 的 一 样 : 
this.size = function()f{ 


return items.length; 


9 











4.2.5 打印 队列 元 素 
完成 ! 我 们 的 oueue 类 就 实现 好 了 。 也 可 以 像 stack 类 一 样 增加 一 个 print 方 法 : 





thieaprint. se. functionm(t).t 
console.log(items.toString()); 


} 3 
现在 我 们 真 的 完成 了 ! 





Queue 类 和 Stack 类 非常 类 似 。 唯 一 的 区 别 是 dequeue 方 法 和 front 方 法 ， 
这 是 由 于 先进 先 出 和 后 进 先 出 原则 的 不 同 所 造成 的 。 
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使 用 oueue 类 


首先 要 做 的 是 实例 化 我 们 刚刚 创建 的 oueue 类 , 然后 就 可 以 验证 它 为 空 (输出 为 true, 因为 
我 们 还 没有 向 队列 添加 任何 元 素 ): 

















let queue = new Queue(); 





console.log(queue.isEmpty()); // 输 出 true 
接 下 来 ,添加 一 些 元 素 (添加 "John" 和 "Jack" 两 个 元 素 一 一 你 可 以 向 队列 添加 任何 类 型 的 
元 素 ): 


queue.enqueue ("John"); 
queue.enqueue ("Jack"); 


添加 男 一 个 元 素 : 
Gueue .enqueue ("Camila"); 
再 执行 一 些 其 他 的 命令 : 


queue.print (); 
console.log(queue.size()); // 输 出 3 
console.log(queue.isEmpty()); // 输 出 false 
queue.dequeue () ; 

queue.dequeue () ; 

Gueue .print (); 


如 果 打印 队列 的 内 容 ， 就 会 得 到 John 、JIack 和 Camila 这 三 个 元 素 。 因 为 我 们 向 队列 添加 了 
三 个 元 素 ， 所 以 队列 的 大 小 为 3〈 当然 也 就 不 为 空 了 ) 


下 图 展示 了 目前 为 止 执行 的 所 有 入 列 操作 ， 以 及 队列 当前 的 状态 : 




















front end 


| John | Jack | Camila |4— 





[0] [1] [2] 





然后 ， 出 列 两 个 元 素 (执行 两 次 dequeue 方 法 )。 下 图 展示 了 dequeue 方 法 的 执行 过 程 








de front dens front/end 


-ET 加- 


[0] [1] 





最 后 ， 再 次 打印 队列 内 容 时 ， 就 只 剩 cami la 一 个 元 素 了 。 前 两 个 人 列 的 元 素 出 列 了 ， 最 后 
入 列 的 元 素 也 将 是 最 后 出 列 的 。 也 就 是 说 ， 我 们 遵循 了 先进 先 出 原则 。 
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4.3 用 ECMAScript 6 语法 实现 的 Queue 类 


和 第 3 章 一 样 ， 我 们 也 可 以 用 ECMAScript 6 语法 编写 oueue 类 。 在 这 种 方法 中 
个 weakMap 来 保存 私有 属性 items ， 并 用 外 层 函 数 ( 闭 包 ) 来 封装 Queue 类 。 


代码 如 下 : 























let Queue2 = (function () { 
const items = new WeakMap () ; 


class Queue2 { 
constructor () { 
items.set (this, []); 
} 
enqueue (element) { 
let gq = items.get (this); 
q.push(element); 
dequeue() { 
let gq = items.get (this); 
let 下 二 人 ET) 
return rr; 
} 
/ /其 他 方法 
} 
return Queue2; 


)) 0 ; 
我 们 创建 的 两 个 oueue 类 你 都 可 以 用 ,测试 的 输出 是 一 样 的 。 








4.4 优先 队列 


， 我 们 要 用 一 


队列 大 量 应 用 在 计算 机 科学 以 及 我 们 的 生活 中 , 我 们 在 之 前 话题 中 实现 的 默认 队列 也 有 一 些 





修改 版 本 。 





其 中 一 个 修改 版 就 是 优先 队列 。 元素 的 添加 和 移 除 是 基于 优先 级 的 。 一 个 现实 的 例子 就 是 机 
场 登 机 的 顺序 。 头 等 舱 和 商务 舱 乘客 的 优先 级 要 高 于 经 济 舱 乘 客 。 在 有 些 国家 , 老年 人 和 孕妇 (或 


带 小 孩 的 妇女 ) 登 机 时 也 享有 高 于 其 他 乘客 的 优先 级 。 








男 一 个 现实 中 的 例子 是 医院 的 (急诊 科 ) 候诊 室 。 医 生 会 优先 处 理 病 情 比较 严重 的 患者 。 通 


常 ， 护 士 会 鉴别 分 类 ， 根 据 患 者 病情 的 严重 程度 放 号 。 








实现 一 个 优先 队列 ， 有 两 种 选项 : 设置 优先 级 ,然后 在 正确 的 位 置 添加 元 素 ; 或 者 用 入 列 操 
作 添 加 元 素 ， 然后 按照 优先 级 移 除 它 们 。 在 这 个 示例 中 ,我 们 将 会 在 正确 的 位 置 添加 元 素 ， 因 此 








可 以 对 它们 使 用 默认 的 出 列 操作 : 
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function PriorityQueue() { 
let items = []; 
function QueueElement (element, priority){ // {1} 
this.element = element; 
tile Diority eBrtrornLty: 


} 


this.engqueue = function(element, priority)t{ 
let queueElement = new QueueElement (element, priority); 


let added = false; 
for (let i=0; i<items.length; i++){ 
if (queueElement .priority < items[i] .priority){ // {2} 
items.splice(i,0,queueElement); // {3} 
added = true; 
break; // {4} 
} 
} 
if (!adgded)t{ 
items.push (queueElement); //{5} 
} 
和 


this.print = function(){ 
for (let i=0; i<items.length; i++){ 
console.log(‘${items[i].element} - 
s{items[i] .priority}.); 
} 
/ /其 他 方法 和 默认 的 Queue 实 现 相 同 
} 





默认 的 oueue 类 和 PriorityQueue 类 实现 上 的 区 别 是 ， 要 向 Priorityoueue 添 加 元 素 ， 需 而 
要 创建 一 个 特殊 的 元 素 ( 行 {1} )。 这 个 元 素 包含 了 要 添加 到 队列 的 元 素 ( 它 可 以 是 任意 类 型 ) 
及 其 在 队列 中 的 优先 级 。 


如 果 队 列 为 空 ， 可 以 直接 将 元 素 入 列 ( 行 {2} )。 否 则 ， 就 需要 比较 该 元 素 与 其 他 元 素 的 优 
先 级 。 当 找到 一 个 比 要 添加 的 元 素 的 priority 值 更 大 (优先 级 更 低 ) 的 项 时 ， 就 把 新 元 素 搬 和 人 
到 它 之 前 (根据 这 个 逻辑 ， + 他 优先 级 相同 , 但 是 先 添加 到 队列 的 元 素 , 我 们 同样 遵循 先进 
先 出 的 原则 )。 要 做 到 这 一 点 ， 我 们 可 以 用 第 2 NS opi le pov lao eT 
0 就 插入 新 元 素 ( 行 {3} ) 并 终止 队列 循环 ( 行 {4} )。 这 样 ， 
队列 也 就 根据 优先 级 排序 了 。 


如 果 要 添加 元 素 的 priority 值 大 于 任何 已 有 的 元 素 , 把 它 添加 到 队列 的 末尾 就 行 了 ( 行 {5} ): 


let priorityQueue = new PriorityQueue(); 
priorityQueue.enqueue ("John", 2);，; 
priorityQueue.enqueue ("Jack", 1);，; 
priorityQueue.enqueue ("Camila", 1); 
priorityQueue.print(); 
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以 上 代码 是 一 个 使 用 PriorityQueue 类 的 示例 。 在 下 图 中 可 以 看 到 每 条 命令 的 结果 ( 以 上 
代码 的 结果 ): 








front end 











fo Jack | John | 
1 
者 一 


Jack Camila John 
front ] 1 2 end 

















第 一 个 被 添加 的 元 素 是 优先 级 为 2 的 Jonn。 因为 此 前 队列 为 空 ,所 以 它 是 队列 中 唯一 的 元 素 。 
接 下 来 ， 添 加 了 优先 级 为 1 的 Jack。 由 于 Jack 的 优先 级 高 于 John， 它 就 成 了 队列 中 的 第 一 个 元 
素 。 然后 , 添加 了 优先 级 也 为 1 的 camila。 camila 的 优先 级 和 Jack 相 同 , 所 以 它 会 被 插入 到 Jack 
之 后 ( 因为 Jack 先 被 插入 队列 ); cami1a 的 优先 级 高 于 Jonn， 所 以 它 会 被 插入 到 John 之 前 。 


我 们 在 这 里 实现 的 优先 队列 称 为 最 小 优先 队列 , 因为 优先 级 的 值 较 小 的 元 素 被 放置 在 队列 最 
前 面 (1 代表 更 高 的 优先 级 ),。 最 大 优先 队列 则 与 之 相反 ,把 优先 级 的 值 较 大 的 元 素 放置 在 队列 最 
前 面 。 





4.5 ”循环 队列 一 一 击 鼓 传 花 


还 有 男 一 个 修改 版 的 队列 实现 , 就 是 循环 队列 。 循环 队列 的 一 个 例子 就 是 击 鼓 传 花 游戏 ( Hot 
Potato )。 在 这 个 游戏 中 , 孩子 们 围 成 一 个 圆圈 , 把 花 尽 快 地 传递 给 旁边 的 人 。 某 一 时 刻 传 花 停 止 ， 
这 个 时 候 花 在 谁 手 里 ， 谁 就 退出 圆圈 结束 游戏 。 重 复 这 个 过 程 ， 直 到 只 剩 一 个 孩子 ( 胜 者 )。 


在 下 面 这 个 示例 中 ， 我 们 要 实现 一 个 模拟 的 击 鼓 传 花 游戏 : 


function hotPotato (nameList, num){ 



























































let queue = new Queue(); // {1} 
for (let i=0; i<nameList.length; i++){ 
queue.enqueue (nameList[i]); // {2} 


} 


let eliminated = ''; 
while (queue.size() > 1){ 
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for (let i=0; i<num; I++) 1{ 
Gueue .endueue (queue.dequeue()); // {3} 


} 

eliminated = queue.dequeue();// {4} 

console.log(eliminated + ' 在 击 鼓 传 花 游戏 中 被 淘汰 。'); 
} 


return queue.dequeue();// {5} 


} 


let names = ['John','Jack','Camila','Ingrid','Carl'];let winner = 
hotPotato(names, 7);console.log('The winner is: ' + winner); 


实现 一 个 模拟 的 击 嘉 传 花 游 戏 , 要 用 到 这 一 章 开 头 实 现 的 oueue 类 ( 行 {1} )。 我 们 会 得 到 一 
份 名 单 ， 把 里 面 的 名 字 全 都 加 入 队列 ( 行 {2} )。 给 定 一 个 数字 ， 然 后 迭代 队列 。 从 队列 开头 移 
除 一 项 ， 再 将 其 添加 到 队列 末尾 ( 行 {3} )， 模拟 击 鼓 传 花 ( 如 果 你 把 花 传 给 了 旁边 的 人 ， 你 被 
淘汰 的 威胁 立刻 就 解除 了 )。 一旦 传递 次 数 达到 给 定 的 数字 ， 拿 着 花 的 那个 人 就 被 淘汰 了 (从 队 
列 中 移 除 一 一 行 {4} )。 最 后 只 剩 下 一 个 人 的 时 候 ， 这 个 人 就 是 胜 者 ( 行 {5} )。 

以 上 算法 的 输出 如 下 : 

Camila 在 击 鼓 传 花 游 戏 中 被 淘汰 。 

Jack 在 击 鼓 传 花 游戏 中 被 淘汰 。 

Carl 在 击 鼓 传 花 游戏 中 被 淘汰 。 


Ingrid 在 击 鼓 传 花 游戏 中 被 淘汰 。 
胜利 者 : John 


下 图 模拟 了 这 个 输出 过 程 : 


























Ingrid 
被 询 汰 





wt gf 
被 淘汰 


你 可 以 改变 传人 hotPotato 函 数 的 数字 ,模拟 不 同 的 场景 。 
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4.6 JavaScript 任务 队列 
既然 我 们 在 书 中 使 用 的 是 JavaScript， 何 不 探索 一 下 这 门 语 言 本 身 ? 


当 我 们 在 浏览 器 中 打开 新 标签 时 ,就 会 创建 一 个 任务 队列 。 这 是 因为 每 个 标签 都 是 单线 程 处 
理 所 有 的 任务 , 它 被 称 为 事件 循环 。 浏览 器 要 负责 多 个 任务 , 如 泻 染 HTML , 执行 JavaScript 代 码 ， 
处 理 用 户 交互 ( 用 户 输入 、 鼠 标点 击 等 )， 执 行 和 处 理 异 步 请 求 。 如 果 想 更 多 地 了 解 事件 循环 ， 
可 以 访问 https:/goo.glayF840。 














像 JavaScript 这 样 流行 而 强大 的 语言 ， 内 部 控制 所 使 用 的 也 是 如 此 基础 的 数据 结构 ， 真 令 人 


4.7 小结 


这 一 章 我 们 学 习 了 队列 这 种 数据 结构 。 我 们 实现 了 自己 的 队列 算法 ,学 习 了 如 何 通 过 
enqueue 方 法 和 gqequeue 方 法 添加 和 移 除 元 素 。 我 们 还 学 习 了 两 种 非常 著名 的 特殊 队列 的 实现 : 
优先 队列 和 循环 队列 ( 使 用 击 鼓 传 花 游戏 的 实现 )。 


在 下 一 章 中 ,我 们 将 学 习 链 表 ， 一 种 比 数组 更 复杂 的 数据 结构 。 
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我 们 在 第 2 章 中 学 习 了 数组 这 种 数据 结构 。 数 组 〈 或 者 也 可 以 称 为 列表 ) 是 一 种 非常 简单 的 
存储 数据 序列 的 数据 结构 。 在 这 一 章 中 , 你 会 学 习 如 何 实现 和 使 用 链表 这 种 动态 的 数据 结构 ,这 
意味 着 我 们 可 以 从 中 任意 添加 或 移 除 项 ， 它 会 按 需 进行 扩容 。 


本 章 内 容 包括 : 5 
口 链表 数据 结构 

口 向 链表 添加 元 素 

口 从 链表 移 除 元 素 

口 使 用 -inkearist 类 


口 双向 链表 
口 循环 链表 








5.1 链表 数据 结构 


要 存储 多 个 元 素 , 数组 ( 或 列表 ) 可 能 是 最 常用 的 数据 结构 。 正 如 本 书 之 前 提 到 过 的 ， 每 种 
语言 都 实现 了 数组 。 这 种 数据 结构 非常 方便 ， 提 供 了 一 个 便利 的 [语法 来 访问 它 的 元 素 。 然 而 ， 
这 种 数据 结构 有 一 个 缺点 :( 在 大 多 数 语 言 中 ) 数组 的 大 小 是 固定 的 ， 从 数组 的 起 点 或 中 间 插 入 
或 移 除 项 的 成 本 很 高 , 因为 需要 移动 元 素 ( 尽管 我 们 已 经 学 过 的 JavaScript 的 array 类 方法 可 以 帮 
我 们 做 这 些 事 ， 但 背后 的 情况 同样 是 这 样 )。 

链表 存储 有 序 的 元 素 集合 , 但 不 同 于 数组 , 链表 中 的 元 素 在 内 存 中 并 不 是 连续 放置 的 。 每 个 
元 素 由 一 个 存储 元 素 本 身 的 节点 和 一 个 指向 下 一 个 元 素 的 引用 ( 也 称 指针 或 链接 ) 组 成 。 下 图 展 
示 了 一 个 链表 的 结构 : 















































item | next item | next item | next 
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相对 于 传统 的 数组 , 链表 的 一 个 好 处 在 于 , 添加 或 移 除 元 素 的 时 候 不 需要 移动 其 他 元 素 。 然 
而 , 链表 需要 使 用 指针 ， 因 此 实现 链表 时 需要 额外 注意 。 数 组 的 男 一 个 细节 是 可 以 直接 访问 任何 
位 置 的 任何 元 素 ， 而 要 想 访问 链表 中 间 的 一 个 元 素 , 需要 从 起 点 〈 表 头 ) 开始 迭代 列表 直到 找到 
所 需 的 元 素 。 


现实 中 也 有 一 些 链表 的 例子 。 第 一 个 例子 就 是 康 加 舞 队 。 每 个 人 是 一 个 元 素 , 手 就 是 链 向 下 


一 个 人 的 指针 。 可 以 向 队列 中 增加 人 


















































只 需要 找到 想 加 入 的 点 ， 断 开 连 接 , 插入 一 个 人 ,再 重 























新 连接 起 来 。 
另 一 个 例子 是 寻宝 游戏 。 你 有 一 条 线索 ,这 条 线索 是 指向 寻找 下 一 条 线索 的 地 点 的 指针 。 你 
顺 着 这 条 链接 去 下 一 个 地 点 ,得 到 另 一 条 指向 再 下 一 处 的 线索 。 得 到 列表 中 间 的 线索 的 唯一 办 法 ， 











就 是 从 起 点 (第 一 条 线索 ) 顺 着 列表 寻找 。 

还 有 一 个 可 能 是 用 来 说 明 链表 的 最 流行 的 例子 , 那 就 是 火车 。 一列 火 车 是 由 一 系列 车 厢 (也 
称 车 皮 ) 组 成 的 。 每 他 车 厢 或 车 皮 都 相互 连接 。 你 很 容易 分 离 一 节 车 皮 ， 改 变 它 的 位 置 ， 添 加 或 
移 除 它 。 下 图 演示 了 一 列 火车 。 每 节 车 皮 都 是 列表 的 元 素 ， 车 皮 间 的 连接 就 是 指针 : 

























































































在 这 一 章 ， 我 们 会 介绍 链表 和 双向 链表 。 但 还 是 先 从 最 简单 的 数据 结构 开始 吧 。 








5.2 创建 链表 

晶 解 了 链表 是 什么 之 后 ， 现 在 就 要 开始 实现 我 们 的 数据 结构 了 。 以 下 是 我 们 的 LinkeqaList 
类 的 骨架 

function LinkedList() { 


let Node = function(element){ // {1} 
this.element = element; 
this.next = null; 





let length = 0; // {2} 
let head = null; // {3} 


function(element){}; 
function(position, element){}; 


this.append 
this.insert 
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this.removeAt = function(position){}; 
this.remove = function(element){}; 
this.indexOf = function(element){}; 
this -isEmpty = function()y {FF 

Chis. slize,. = Function()  {} 
this.getHead = function(){}; 
this.toSstring = function(){}; 
this.print = function(){}; 


} 


LinkedList 数 据 结构 还 需要 一 个 Node 辅 助 类 ( 行 {1} )。Node 类 表示 要 加 入 列表 的 项 。 它 
包含 一 个 element 属 性 ， 即 要 添加 到 列表 的 值 ， 以 及 一 个 next 属 性 ， 即 指向 列表 中 下 一 个 节点 
项 的 指针 。 


LinkegdList 类 也 有 存储 列表 项 的 数量 的 lengtn 属 性 ( 内 部 /私有 变量 ) ( 行 {2} )。 


男 一 个 重要 的 点 是 , 我 们 还 需要 存储 第 一 个 节点 的 引用 。 为 此 ， 可 以 把 这 个 引用 存储 在 一 个 
称 为 head 的 变量 中 ( 行 {3} )。 


然后 就 是 LinkedList 类 的 方法 。 在 实现 这 些 方法 之 前 ， 先 来 看 看 它们 的 职责 。 


口 append (element): 向 列表 尾部 添加 一 个 新 的 项 。 

insert (position，element): 向 列表 的 特定 位 置 插入 一 个 新 的 项 。 

remove (element) : 从 列表 中 移 除 一 项 。 

indqexof (element): 返回 元 素 在 列表 中 的 索引 。 如 果 列 表 中 没有 该 元 素 则 返回 -1。 
removeAt (position) : 从 列表 的 特定 位 置 移 除 一 项 。 

isEmpty () : 如 果 链 表 中 不 包含 任何 元 素 , 返回 true, 如 果 链 表 长 度 大 于 0 则 返回 false。 
size(): 返回 链表 包含 的 元 素 个 数 。 与 数组 的 length 属 性 类 似 。 

toString() : 由 于 列表 项 使 用 了 Node 类 ， 就 需要 重 写 继承 自 JavaScript 对 象 默 认 的 
tostring 方 法 ， 让 其 只 输出 元 素 的 值 。 



























































回国. 国 ” 回回 : : 且 和 “四 





5.2.1 向 链表 尾部 追加 元 素 


向 LinkeaList 对 象 尾部 添加 一 个 元 素 时 ， 可 能 有 两 种 场景 ; 列表 为 空 ， 添 加 的 是 第 一 个 元 
素 ， 或 者 列表 不 为 空 ， 向 其 追加 元 素 。 


下 面 是 我 们 实现 的 append 方 法 : 


























this.append = function(element){ 


let node = new Node(element), //{1} 
current; //{2} 


if (heaqd === null){ // 列 表 中 第 一 个 节点 //1{3} 
head = node; 
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else { 
current = head; //{4} 


/ /循环 列表 ， 直 到 找到 最 后 一 项 
while(current .next) 1{ 
current = current.next; 


/ /找到 最 后 一 项 ， 将 其 next 赋 为 node， 建 立 链接 
current .next = node; //{5} 


’ 


length++; // 更 新 列表 的 长 度 //{6} 
下 


首先 需要 做 的 是 把 element 作 为 值 传人 ,创建 Node 项 ( 行 {1} )。 


先 来 实现 第 一 个 场景 : 向 为 空 的 列表 添加 一 个 元 素 。 当 我 们 创建 一 个 LinkedList 对 象 时 ， 
head 会 指向 null: 


























node 


ey 又 





element node.next 





如 果 head 元 素 为 nu11 ( 列表 为 空 一 一 行 {3} )， 就 意味 着 在 向 列表 添加 第 一 个 元 素 。 因 此 要 
做 的 就 是 让 heagd 元 素 指 向 node 元 素 。 下 一 个 node 元 素 将 会 自动 成 为 nu11( 请 看 5.1 节 的 源 代码 )。 




















0 列表 最 后 一 个 节点 的 下 一 个 元 素 始终 是 nul1。 




















好 了 , 我 们 已 经 说 完了 第 一 种 场景 。 再 来 看 看 第 二 个 ,也 就 是 向 一 个 不 为 空 的 列表 尾部 添加 
元 素 。 


要 向 列表 的 尾部 添加 一 个 元 素 ， 首 先 需 要 找到 最 后 一 个 元 素 。 记 住 , 我 们 只 有 第 一 个 元 素 的 
引用 〈 行 14} )， 因 此 需要 循环 访问 列表 ， 直 到 找到 最 后 一 项 。 为 此 ， 我 们 需要 一 个 指向 列表 中 
current 项 的 变量 ( 行 {2} )。 

循环 访问 列表 时 ， 当 current .next 元 素 为 nu11 时 , 我 们 就 知道 已 经 到 达 列 表 尾 部 了 。 然后 
要 做 的 就 是 让 当前 (也 就 是 最 后 一 个 ) 元 素 的 next 指 针 指 向 想 要 添加 到 列表 的 节点 ( 行 {5} )。 
下 图 展示 了 这 个 行为 : 
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- 二 3 


current current.next 








而 当 一 个 Node 元 素 被 创建 时 ， 它 的 next 指 针 总 是 nul1。 这 没 问 题 ， 因 为 我 们 知道 它 会 是 列 
表 的 最 后 一 项 。 

当然 ， 别 忘 了 递增 列表 的 长 度 ， 这 样 就 能 控制 它 ， 轻 松 地 得 到 列表 的 长 度 ( 行 {6} )。 

我 们 可 以 通过 以 下 代码 来 使 用 和 测试 目前 创建 的 数据 结构 : 

let list = new LinkedList(); 


list.append(15); 
list.append(10); 





5.2.2 ”从 链表 中 移 除 元 素 cl 


现在 ， 让 我 们 看 看 如 何 从 LinkedList 对 象 中 移 除 元 素 。 移 除 元 素 也 有 两 种 场景 : 第 一 种 是 移 
除 第 一 个 元 素 ， 第 二 种 是 移 除 第 一 个 以 外 的 任 一 元 素 。 我 们 要 实现 两 种 remove 方 法 : 第 一 种 是 从 
特定 位 置 移 除 一 个 元 素 ， 第 二 种 是 根据 元 素 的 值 移 除 元 素 〈 稍 后 我 们 会 展示 第 二 种 remove 方 法 )。 


this.removeAt = function(Position){ 









































/ /检查 越 界 值 
if (position > -1 && position < length){ // {1} 


let current = head, // {2} 
previous, // {3} 
index = 0; // {4} 


// 移 除 第 一 项 


if (Position === 0){ // {5} 
head = current .next; 
} else { 


while (index++ < position){ // {6} 


previous = current; LL 
current = current.next; // {8} 


} 
// 将 previous 与 current 的 下 一 项 链接 起 来 : 跳 过 current， 从 而 移 除 它 
previous.next = current.next; // {9} 

} 

length--; // {10} 


return current .element; 
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} else { 
return null; // {11} 
} 
J 


一 步 一 步 来 看 这 段 代码 。 该 方法 要 得 到 需要 移 除 的 元 素 的 位 置 , 就 需要 验证 这 个 位 置 是 有 效 
的 ( 行 {1} )。 从 0 (包括 0 ) 到 列表 的 长 度 (size - 1， 因 为 索引 是 从 零 开始 的 ) 都 是 有 效 的 位 
置 。 如 果 不 是 有 效 的 位 置 ， 就 返回 null ( 意 即 没有 从 列表 中 移 除 元 素 )。 

一 起 来 为 第 一 种 场景 编写 代码 : 我 们 要 从 列表 中 移 除 第 一 个 元 素 ( position === 0 一 一 行 
{5} )。 下 图 展示 了 这 个 过 程 : 























current current.next 








因此 ， 如 果 想 移 除 第 一 个 元 素 ， 要 做 的 就 是 让 head 指 向 列表 的 第 二 个 元 素 。 我 们 将 用 
current 变 量 创 建 一 个 对 列表 中 第 一 个 元 素 的 引用 ( 行 {2} 一 一 我 们 还 会 用 它 来 迭代 列表 ,但 稍 
等 一 下 再 说 )。 这 样 current 变量 就 是 对 列表 中 第 一 个 元 素 的 引用 。 如 果 把 heaa 赋 为 
Gurrent.next, 就 会 移 除 第 一 个 元 素 。 


现在 , 假设 我 们 要 移 除 列表 的 最 后 一 项 或 者 中 间 某 一 项 。 为 此 , 需要 依靠 一 个 细节 来 迭代 列 
表 , 直 到 到 达 目 标 位 置 ( 行 15} 一 一 我 们 会 使 用 一 个 用 于 内 部 控制 和 递增 的 index 变 量 ): current 
变量 总 是 为 对 所 循环 列表 的 当前 元 素 的 引用 ( 行 {8} )。 我 们 还 需要 一 个 对 当前 元 素 的 前 一 个 元 
素 的 引用 ( 行 {7} ); 它 被 命名 为 previous ( 行 {3} )。 


因此 ， 要 从 列表 中 移 除 当 前 元 素 ， 要 做 的 就 是 将 previous .next 和 current .next 链 接 起 
来 ( 行 19} )。 这 样 ， 当 前 元 素 就 会 被 丢弃 在 计算 机 内 存 中 ， 等 着 被 垃圾 回收 右 清 除 。 


























要 更 好 地 理解 JavaScript 垃 圾 回收 器 如 何 工 作 ， 请 阅读 https://developer. 
mozilla.org/en-US/docs/Web/JavaScript/Memory Management。 








我 们 试 着 通过 一 些 图 表 来 更 好 地 理解 。 首 先 考 虑 移 除 最 后 一 个 元 素 : 




















2 本 current current.next 


previous previous.next 
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对 于 最 后 一 个 元 素 ， 当 我 们 在 行 {6} 跳 出 循环 时 ，current 变 量 将 是 对 列表 中 最 后 一 个 元 素 
的 引用 ( 要 移 除 的 元 素 )。current .next 的 值 将 是 null ( 因为 它 是 最 后 一 个 元 素 )。 由 于 还 保留 
了 对 brevious 元 素 的 引用 ( 当前 元 素 的 前 一 个 元 素 )，previous .next 就 指向 了 curzrent。 那 
么 要 移 除 current 了 要 做 的 就 是 把 previous .next 的 值 改 变 为 current :exts 


现在 来 看 看 ， 对 于 列表 中 间 的 元 素 是 否 可 以 应 用 相同 的 逻辑 : 























previous previous.next 





























current 变 量 是 对 要 移 除 元 素 的 引用 。previous 变 量 是 对 要 移 除 元 素 的 前 一 个 元 素 的 引用 。 
那么 要 移 除 current 元 素 , 需要 做 的 就 是 将 previous .next 与 current .next 链 接 起 来 。 因 此 ， 
我 们 的 逻辑 对 这 两 种 情况 都 管用 。 





5.2.3 在 任意 位 置 插入 元 素 


接 下 来 ,我 们 要 实现 insert 方 法 。 使 用 这 个 方法 可 以 在 任意 位 置 插入 一 个 元 素 。 我 们 来 看 
一 看 它 的 实现 : 





this.insert = function(position, element){ 


/ /检查 越界 值 
if (position >= 0 && position <= length){ //{1} 


let node = new Node(element), 
current = head, 

previous, 

1ndese SS "0 


if (position === 0){ // 在 第 一 个 位 置 添加 


node.next = current; //{2} 
head = node; 


} else { 
while (index++ < position){ //{3} 
previous = current; 
current = current .next; 


} 
node.next = current; //{4} 
previous.next = node; //{5} 
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} 
length++; // 更 新 列表 的 长 度 


return true; 


Ae 


else { 

return false; //{6} 
} 

于 


由 于 我 们 处 理 的 是 位 置 ， 就 需要 检查 越界 值 ( 行 {1}， 跟 remove 方 法 类 似 )。 如 果 越 界 了 ， 
就 返回 false 值 ， 表 示 没 有 添加 项 到 列表 中 ( 行 {6} )。 


现在 我 们 要 处 理 不 同 的 场景 。 第 一 种 场景 , 需要 在 列表 的 起 点 添加 一 个 元 素 ， 也 就 是 第 一 个 


位 置 。 下 图 展示 了 这 种 场景 : 
Ge 


head 3 
O v current 
本 







































































current 变量 是 对 列表 中 第 一 个 元 素 的 引用 。 我 们 需要 做 的 是 把 node .next 的 值 设 为 
current ( 列表 中 第 一 个 元 素 )。 现在 head 和 node .next 都 指向 了 current。 接 下 来 要 做 的 就 是 
把 nead 的 引用 改 为 node( 行 {2} )， 这 样 列表 中 就 有 了 一 个 新 元 素 。 


现在 来 处 理 第 二 种 场景 : 在 列表 中 间或 尾部 添加 一 个 元 素 。 首 先 ， 我 们 需要 循环 访问 列表 ， 
找到 目标 位 置 ( 行 {3} )。 当 跳出 循环 时 ，current 变 量 将 是 对 想 要 插入 新 元 素 的 位 置 之 后 一 个 
元 素 的 引用 ， 而 previous 将 是 对 想 要 插入 新 元 素 的 位 置 之 前 一 个 元 素 的 引用 。 在 这 种 情况 下 ， 
我 们 要 在 previous 和 current 之 间 添 加 新 项 。 因 此 ， 首 先 需 要 把 新 项 (node ) 和 当前 项 链接 起 
来 ( 行 {4} )， 然 后 需要 改变 previous 和 current 之 间 的 链接 。 我 们 还 需要 让 previous .next 
指向 node( 行 {5} )。 


我 们 通过 一 张 图 表 来 看 看 代码 所 做 的 事 : 
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previous previous.next 


current 


过 
wal a ls A 
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EE 
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node node.next 








如 果 我 们 试图 向 最 后 一 个 位 置 添加 一 个 新 元 素 ，previous 将 是 对 列表 最 后 一 项 的 引用 ， 而 
current 将 是 null 加 在 这 种 情况 下 ，Dnodae . next 将 指 向 current, 而 previous 。 next 将 指 向 


node， 这 样 列表 中 就 有 了 一 个 新 的 项 。 on 
现在 来 看 看 如 何 向 列表 中 间 添 加 一 个 新 元 素 : 











Previous previous.next 


current 


YS/ 
mn 


OY 


node node.next 








在 这 种 情况 下 ， 我 们 试图 将 新 的 项 (node ) 插入 到 previous 和 current 元 素 之 间 。 首 先 ， 
我 们 需要 把 node .next 的 值 指向 current。 然 后 把 Brevious .next 的 值 设 为 node。 这 样 列表 中 
就 有 了 一 个 新 的 项 。 


@ 使 用 变量 引用 我 们 需要 控制 的 节点 非常 重要 ,这 样 就 不 会 丢失 节点 之 间 的 链 





接 。 我 们 可 以 只 使 用 一 个 变量 (previous )， 但 那样 会 很 难 控制 节点 之 间 的 链 
接 。 由 于 这 个 原因 ， 最 好 是 声明 一 个 额外 的 变量 来 帮助 我 们 处 理 这 些 引 用 。 
5.2.4 实现 其 他 方法 


在 这 一 节 中 ， 我 们 将 会 学 习 如 何 实现 tostring 、indexof 、isEmpty 和 size 等 其 他 
LinkedList 类 的 方法 。 





图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


80 第 5 章 链表 





1. tostring 方 法 
































toString 方 法 会 把 LinkedList 对 象 转换 成 一 个 字符 串 。 下 面 是 tostring 方 法 的 实现 : 
this.toString = function(){ 


let current = head, //{1} 
String: = //{2} 


while (current) { 人 (3 


string +=current.element +(current.next ? 'n' : '');//{4} 
current = current.next; //{5} 

} 

return string; 6 


je 


首先 , 要 循环 访问 列表 中 的 所 有 元 素 , 就 需要 有 一 个 起 点 , 也 就 是 nead。 我 们 会 把 current 
变量 当 作 索 引 ( 行 {1} ), 控制 循环 访问 列表 。 我 们 还 需要 初始 化 用 于 拼接 元 素 值 的 变量 ( 行 {2} )。 


接 下 来 就 是 循环 访问 列表 中 的 每 个 元 素 ( 行 {3} )。 我们 要 用 current 来 检查 元 素 是 否 存 在 
( 如 果 列 表 为 空 , 或 是 到 达 列 表 中 最 后 一 个 元 素 的 下 一 位 (nul1 ), while 循 环 中 的 代码 就 不 会 执 
行 )。 然 后 我 们 就 得 到 了 元 素 的 内 容 ， 将 其 拼接 到 字符 串 中 ( 行 {4} )。 最 后 ,继续 迭 代 下 一 个 元 
素 ( 行 {5} )。 最后， 返回 列表 内 容 的 字符 串 ( 行 {6} )。 









































2. indexof 方 法 


indexof 是 我 们 下 一 个 要 实现 的 方法 。inaexof 方 法 接收 一 个 元 素 的 值 ， 如 果 在 列表 中 找到 
它 ， 就 返回 元 素 的 位 置 ， 和 否则 返回 -1。 


来 看 看 它 的 实现 : 





this.indexOf = function(eLlement){ 


let current = head, //{1} 
index = -1; 


while (current) { //{2} 
if (element === current.element) { 
return index; //{3} 
} 
index++; //{4} 
current = current.next; //{5} 


} 


return -1; 


} 
一 如 既往 , 我 们 需要 一 个 变量 来 帮助 我 们 循环 访问 列表 ,这 个 变量 是 current, 它 的 初始 值 
是 nead (列表 的 第 一 个 元 素 一 一 我 们 还 需要 一 个 ingex 变 量 来 计算 位 置 数 ( 行 {1} ))。 然 后 循环 
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访问 元 素 ( 行 {2} )， 检 查 当 前 元 素 是 否 是 我 们 要 找 的 。 如 果 是 ， 就 返回 它 的 位 置 ( 行 13} ) 如 
果 不 是 ， 就 继续 计数 ( 行 {4} )， 检 查 列表 中 下 一 个 节点 ( 行 {5} )。 


如 果 列 表 为 空 ， 或 是 到 达 列 表 的 尾部 ( current = current .next 将 是 nul11 ),， 循环 就 不 
会 执行 。 如 果 没 有 找到 值 ， 就 返回 -1。 


实现 了 这 个 方法 ,我 们 就 可 以 实现 remove 等 其 他 的 方法 : 












































this.remove = function(element){ 

Jet index = this.indexOf (element); 

return this.removeAt (index); 
过 
我 们 已 经 有 一 个 移 除 给 定位 置 的 一 个 元 素 的 removeAt 方 法 了 。 现在 有 了 indexof 方 法 ， 如 
果 传 入 元 素 的 值 ， 就 能 找到 它 的 位 置 ， 然 后 调用 removeat 方 法 并 传 入 找到 的 位 置 。 这 样 非常 简 
单 ， 如 果 需 要 更 改 removeAt 方 法 的 代码 ， 这 样 也 更 容易 一 一 两 个 方法 都 会 被 更 改 ( 这 就 是 重用 
代码 的 妙 处 )。 这 样 ， 我 们 就 不 需要 维护 两 个 从 列表 中 移 除 一 项 的 方法 ， 只 需要 一 个 ! 同时 ， 
removeAt 方 法 将 会 检查 边界 约束 。 











3. isEmpty、size 和 getHead 方 法 


isEmpty 和 size 方 法 跟 我 们 在 上 一 章 实现 的 一 模 一 样 。 但 我 们 还 是 来 看 一 下 : 








this.isEmpty = function() { 
return length === 


如 果 列 表 中 没有 元 素 ，isEmpty 方 法 就 返回 true， 否 则 返回 false。 





this.size = function() { 
return length; 


让 


size 方 法 返回 列表 的 1ength。 和 我 们 之 前 几 章 实现 的 类 有 所 不 同 , 列表 的 length 是 内 部 控 
制 的 ， 因 为 LinkeqaList 是 从 头 构建 的 。 


最 后 还 有 getHead 方 法 : 





























this.getHead = function()t{ 
return head; 
> 
head 变 量 是 LinkedLi st 类 的 私有 变量 ( 这 意味 着 它 不 能 在 LinkedLi st 实例 外 部 被 访问 和 
更 改 ， 只 有 通过 LinkedList 实 例 才 可 以 ),。 但 是 ， 如 果 我 们 需要 在 类 的 实现 外 部 循环 访问 列表 ， 
就 需要 提供 一 种 获取 类 的 第 一 个 元 素 的 方法 。 
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5.3 双向 链表 


链表 有 多 种 不 同 的 类 型 , 这 一 节 介绍 双向 链表 。 双向 链表 和 普通 链表 的 区 别 在 于 , 在 链表 中 ， 
一 个 节点 只 有 链 向 下 一 个 节点 的 链接 ， 而 在 双向 链表 中 ， 链 接 是 双向 的 : 一 个 链 向 下 一 个 元 素 ， 
男 一 个 链 疝 前 一 个 元 素 ， 如 下 图 所 示 : 
































tail 


node node node v null 






head —>| prev | item | next prev | item | next prev | item | next 





先 从 实现 DouplyLinkedList 类 所 需 的 变动 开始 : 
function DoublyLinkedList() { 
let Node = function(element){ 


this.element = element; 
this.next = null; 
this.prev = null; // 新 增 的 
3 


let length = 0; 
Jet head = null; 
let tail = null; // 新 增 的 





// 这 里 是 方法 

} 

在 代码 中 可 以 看 到 ，LinkegdList 类 和 DoublyLinkedList 类 之 间 的 区 别 标 为 新 增 的 。 在 
Node 类 里 有 prev 属 性 (一 个 新 指针 )， 在 DoublyLinkedList 类 里 也 有 用 来 保存 对 列表 最 后 一 
项 的 引用 的 tail 属 性 。 

双向 链表 提供 了 两 种 迭代 列表 的 方法 : 从 头 到 尾 , 或 者 反 过 来 。 我 们 也 可 以 访问 一 个 特定 节 
点 的 下 一 个 或 前 一 个 元 素 。 在 单 向 链表 中 ， 如 果 和 迭代 列 表 时 错过 了 要 找 的 元 素 ， 就 需要 回 到 列表 
起 点 ， 重 新 开始 迭代 。 这 是 双向 链表 的 一 个 优点 。 






































5.3.1 在 任意 位 置 插 入 新 元 素 


向 双向 链表 中 插入 一 个 新 项 跟 〈 单 向 ) 链表 非常 类 似 。 区 别 在 于 ， 链 表 上 只 要 控制 一 个 next 
指针 ， 而 双向 链表 则 要 同时 控制 next 和 prev (previous， 前 一 个 ) 这 两 个 指针 。 


这 是 向 任意 位 置 搬入 一 个 新 元 素 的 算法 : 
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this.insert = function(position, element){ 


/ /检查 越界 值 
if (position >= 0 && position <= length)t{ 


let node = new Node (element), 
current = head, 

previous, 

index = 0; 


if (position === 0){ // 在 第 一 个 位 置 添加 


if (!head){ // 新 增 的 {1} 
head = node; 
tail = node; 

} else { 
node.next = current; 
current .prev = node; // 新 增 的 {2} 
head = node; 

} 

} else if (position === length) { // 最 后 一 项 // 新 增 的 





current = tail; // {3} 
current .next = node; 
node.prev = current; 
tail = node; 


} else { 
while (index++ < position){ //{4} 
previous = current; 
current = current.next; 


} 
node.next = current; //{5} 
previous.next = node; 


current .prev = node; // 新 增 的 
node.prev = previous; // 新 增 的 


} 
length++; // 更 新 列表 的 长 度 
return true; 


} else { 
return false; 


} 

}; 
我 们 来 分 析 第 一 种 场景 : 在 列表 的 第 一 个 位 置 ( 列表 的 起 点 ) 插 和 人 一 个 新 元 素 。 如 果 列 表 为 
空 ( 行 {1} )， 只 需要 把 head 和 tail 都 指向 这 个 新 节点 。 如 果 不 为 空 ，current 变 量 将 是 对 列表 
中 第 一 个 元 素 的 引用 。 就 像 我们 在 链表 中 所 做 的 ， 把 node .next 设 为 current ， 而 head 将 指向 
node( 它 将 成 为 列表 中 的 第 一 个 元 素 )。 不 同 之 处 在 于 ， 我 们 还 需要 为 指向 上 一 个 元 素 的 指针 设 
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一 个 值 。current .prev 指 针 将 由 指向 null 变 为 指向 新 元 素 (node 一 一 行 {2} )。node.prev 指 
针 已 经 是 nul1， 因 此 不 需要 再 更 新 任何 东西 。 下 图 演示 了 这 个 过 程 : 


























current current null 

















现在 来 分 析 一 下 ,假如 我 们 要 在 列表 最 后 添加 一 个 新 元 素 。 这 




















这 是 一 个 特殊 情况 ， 因 为 我 们 还 


控制 着 指向 最 后 一 个 元 素 的 指针 (tail )。current 变 量 将 引用 最 后 一 个 元 素 ( 行 13} )。 然 后 开 
台 建 立 第 一 个 链 接 : node. prev 将 引用 current。 current .next 指 针 ( 指向 null ) 将 指向 node 








( 由 于 构造 了 两 数 ，node .next 已 经 指向 了 null )。 然 后 只 剩 一 件 事 了 ， 就 是 更 新 tail， 





向 current 变 为 指向 node。 下 图 展示 了 这 些 行为 : 











它 将 由 指 











然后 还 有 第 三 种 场景 : 在 列表 中 间 插 入 一 个 新 元 素 。 就 像 我 们 在 之 前 的 方法 中 所 做 的 ， 迭代 
列表 ， 直 到 到 达 要 找 的 位 置 ( 行 {4} )。 我 们 将 在 current 和 previous 元 素 之 间 插 入 新 元 素 。 首 
先 ，node.next 将 指向 current ( 行 {5} ), 而 previous .next 将 指向 node， 这 样 就 不 会 丢失 节 
点 之 间 的 链接 。 然 后 需要 处 理 所 有 的 链接 : current .prev 将 指向 node， 而 nogde .prev 将 指向 




















previous。 下 图 展示 了 这 一 过 程 : 








图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


5.3” 双 向 链表 85 





previous current null 














我 们 可 以 对 insert 和 remove 这 两 个 方法 的 实现 做 一 些 改 进 , 在 结果 为 否 的 
6 情况 下 , 我 们 可 以 把 元 素 插 入 到 列表 的 尾部 。 性 能 也 可 以 有 所 改进 ， 比 如， 如 果 
position 大 于 length/2， 就 最 好 从 尾部 开始 迭代 ， 而 不 是 从 头 开 始 (这样 就 

能 迭代 更 少 列表 中 的 元 素 )。 





5.3.2 ”从 任意 位 置 移 除 元 素 


从 双向 链表 中 移 除 元 素 跟 链表 非常 类 似 。 唯一 的 区 别 就 是 还 需要 设置 前 一 个 位 置 的 指针 。 我 
们 来 看 一 下 它 的 实现 : 


this.removeAt = function(position){ 





/ /检查 越 界 值 
if (position > -1 && position < length)t{ 


let current = head， 
previous, 
index 三 ,07 


// 移 除 第 一 项 
if (position === 0)f{ 


head = current .next; // {1} 


// 如 果 只 有 一 项 ， 更 新 tail // 新 增 的 
fr (Length == Ty A 2 
tai EL 
} else { 
head.prev = null; // {3} 
} 


} else if (position === length-1){ // 最 后 一 项 // 新 增 的 
current = tail; // {4} 


tail = current .prev; 
tail.next = null; 
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} else { 
while (index++ < position){ // {5} 


previous = current; 
Currelit, "Currenteiext. 


} 


// 将 previous 与 Current 的 下 一 项 链接 起 来 一 跳 过 current 
previous.next = current.next; // {6} 
current .next .prev = previous; // 新 增 的 


} 
length--; 
return current .element; 


} else { 
return null; 
} 
} 四 


我 们 需要 处 理 三 种 场景 : 从 头 部 、 从 中 间 和 从 尾部 移 除 一 个 元 素 。 


我 们 来 看 看 如 何 移 除 第 一 个 元 素 。current 变 量 是 对 列表 中 第 一 个 元 素 的 引用 ， 也 就 是 我 
们 想 移 除 的 元 素 。 需 要 做 的 就 是 改变 nead 的 引用 ,将 其 从 current 改 为 下 一 个 元 素 
(current .next 一 一 行 {1} ), 但 我 们 还 需要 更 新 current .next 指 向 上 一 个 元 素 的 指针 ( 因为 
第 一 个 元 素 的 prev 指 针 是 null )。 因 此 ,把 head .prev 的 引用 改 为 nul1l ( 行 {3} 一 一 因为 head 也 
指向 列表 中 新 的 第 一 个 元 素 , 或 者 也 可 以 用 current .next .prev ), 由 于 还 需要 控制 tail 的 引用 ， 
我 们 可 以 检查 要 移 除 的 元 素 是 否 是 第 一 个 元 素 ， 如 果 是 ， 只 需要 把 tail 也 设 为 nu11 ( 行 {2} )。 


下 图 勾画 了 从 双向 链表 移 除 第 一 个 元 素 的 过 程 : 



















































































下 一 种 场景 是 从 最 后 一 个 位 置 移 除 元 素 。 既 然 已 经 有 了 对 最 后 一 个 元 素 的 引用 (tail )， 我 
们 就 不 需要 为 找到 它 而 迭代 列表 。 这样 我 们 也 就 可 以 把 cail 的 引用 赋 给 current 变 量 ( 行 {4} )。 
接 下 来 ， 需 要 把 tail1 的 引用 更 新 为 列表 中 倒数 第 二 个 元 素 ( current .prev， 或 者 tail .prev 
也 可 以 )。 既然 fail 指向 了 倒数 第 二 个 元 素 , 我 们 就 只 需要 把 next 指 针 更 新 为 nul1(tail.next 
= _ null )。 下 图 演示 了 这 一 行为 : 
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第 三 种 也 是 最 后 一 种 场景 : 从 列表 中 间 移 除 一 个 元 素 。 首 先 需 要 迭代 列表 ,直到 到 达 要 找 的 
位 置 ( 行 {5} )。current 变 量 所 引用 的 就 是 要 移 除 的 元 素 。 那 么 要 移 除 它 ， 我 们 可 以 通过 更 新 
previous .next 和 current -ext. prev 的 引用 和 在 列表 中 跳 过 它 。 因此 ， previous. next 将 
指向 current Nn 而 current .next .prev 将 指 向 previous 加 如 下 图 所 示 : 


Q) Le EE 
一 -~ 
- ~ 



































0 要 了 解 双向 链表 的 其 他 方法 的 实现 , 请 参阅 本 书 源 代码 。 源 代码 的 下 载 链接 
见 本 书 前 言 。 


5.4 ”循环 链表 


循环 链表 可 以 像 链表 一 样 只 有 单 向 引用 , 也 可 以 像 双 向 链表 一 样 有 双向 引用 。 循环 链表 和 链 
表 之 间 唯 一 的 区 别 在 于 ， 最 后 一 个 元 素 指向 下 一 个 元 素 的 指针 (tail .next ) 不 是 引用 nul1， 
而 是 指向 第 一 个 元 素 (heag )， 如 下 图 所 示 。 


























node node node 


item | next item | next 
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双向 循环 链表 有 指向 heagd 元 素 的 tail .next， 和 指向 tail 元 素 的 head .prev。 





tail 


y 


node 


head —P | prev | item next prev | item next prev | item next 
e e 有 e 


我 们 并 不 打算 在 这 本 书 中 完整 地 介绍 circularLinkedList 算 法 ( 源 代码 

人 与 LinkedList 和 DoublyLinkedList 非 常 类 似 )， 不 过 ， 你 可 以 下 载 本 书 的 源 

代码 来 访问 这 部 分 代码 。 在 本 书 的 源 代码 中 ， 你 还 会 找到 所 有 三 个 链表 类 的 
ECMAScript 6 版 本 。 











5.5 小结 


在 这 一 章 中 , 你 学 习 了 链表 这 种 数据 结构 ， 及 其 变 体 双向 链表 和 循环 链表 。 你 学 习 了 如 何在 
任意 位 置 添加 和 移 除 元 素 , 以 及 如 何 循环 访问 链表 。 你 还 学 习 了 链表 相 比 数组 最 重要 的 优点 , 那 
就 是 无 需 移动 链表 中 的 元 素 ， 就 能 轻松 地 添加 和 移 除 元 素 。 因 此 ， 当 你 需要 添加 和 移 除 很 多 元 素 
时 ， 最 好 的 选择 就 是 链表 ， 而 非 数 组 。 


在 下 一 章 中 ， 你 将 学 习 集 合 ， 这 是 我 们 要 在 本 书 中 介绍 的 最 后 一 种 顺序 数据 结构 。 
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集合 








迄今 为 止 ， 我 们 已 经 学 习 了 数组 (列表 )、 栈 、 队 列 和 链表 (〈 及 其 变种 ) 等 顺序 数据 结构 。 
在 这 一 章 中 ， 我 们 要 学 习 集 合 ， 这 是 一 种 不 允许 值 重复 的 顺序 数据 结构 。 

本 章 ， 你 会 学 到 如 何 创 建 集 合 这 种 数据 结构 ， 如 何 添 加 和 移 除 值 ， 如 何 搜索 值 是 否 存在 。 你 
也 会 学 到 如 何 进行 并 集 、 交 集 、 差 集 等 数学 操作 ， 还 会 学 到 如 何 使 用 ES6 (ECMAScript 6 ) 原生 

















的 set 类 。 


6.1 构建 数据 集合 
由 一 组 无 序 且 唯一 ( 即 不 能 重复 ) 的 项 组 成 的 。 这 个 数据 结构 使 用 了 与 有 限 集合 相同 




















个 

已 自 
的 数学 概念 ， 但 应 用 在 计算 机 科学 的 数据 结构 中 。 
在 深入 学 习 集 合 的 计算 机 科学 实现 之 前 ,我 们 先 看 看 它 的 数学 概念 。 在 数学 中 , 集合 是 一 组 


合 中 








合 : N= {0, 1, 2, 3, 4, 5, 6, …}。 集 








不 同 的 对 象 〈 的 集 )。 
比如 说 ,一 个 由 大 于 或 等 于 0 的 整数 组 成 的 自然 数 集 
的 对 象 列表 用 “{}”( 大 括号 ) 包围 。 
还 有 一 个 概念 叫 空 集 。 空 集 就 是 不 包含 任何 元 素 的 集合 。 比 如 24 和 29 之 间 的 素数 集合 。 由 于 
24 和 29 之 间 没 有 素数 ( 除了 1 和 自身 ,没有 其 他 正 因 数 的 大 于 1 的 自然 数 )， 这 个 集合 就 是 空 集 。 

















空 集 用 “{ }” 表 示 。 
你 也 可 以 把 集合 想象 成 一 个 既 没 有 重复 元 素 ， 也 没有 顺序 概念 的 数组 。 


在 数学 中 ,集合 也 有 并 集 、 交 集 、 差 集 等 基本 操作 。 在 这 一 章 中 我 们 也 会 介绍 这 些 操作 。 


























6.2 创建 集合 
目前 的 JavaScript 实 现 是 基于 2011 年 6 月 发 布 的 ECMAScript 5.1( 现代 浏览 器 均 已 支持 ), 它 包 
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括 了 我 们 在 之 前 章节 已 经 提 到 过 的 Array 类 的 实现 。ECMAScript 6 也 包括 了 Set 类 的 实现 ， 本 章 
稍 后 会 介绍 它 的 用 法 。 本 章 中 ， 我 们 要 实现 的 类 就 是 以 ECMAScript 6 中 set 类 的 实现 为 基础 的 。 


以 下 是 我 们 的 set 类 的 骨架 : 





function Set() { 

let items = {}; 

} 

有 一 个 非常 重要 的 细节 ， 我 们 使 用 对 象 而 不 是 数组 来 表示 和 集合 ( items )。 但 也 可 以 用 数组 
实现 。 在 这 里 我 们 用 对 象 来 实现 ,稍微 有 点 儿 不 一 样 ， 也 学 习 一 下 实现 相似 数据 结构 的 新 方 
法 。 同 时 ，JavaScript 的 对 象 不 允许 一 个 键 指向 两 个 不 同 的 属性 ， 也 保证 了 集合 里 的 元 素 都 是 
唯一 的 。 


接 下 来 ,需要 声明 一 些 集合 可 用 的 方法 ( 我 们 会 尝试 模拟 与 ECMAScript 6 实现 相同 的 Set 类 )。 


口 add (value) : 向 集合 添加 一 个 新 的 项 。 

口 delete (value) : 从 集合 移 除 一 个 值 。 

口 nas (value) : 如 果 值 在 集合 中 ， 返 回 true， 和 否则 返回 false。 

口 clear () : 移 除 集合 中 的 所 有 项 。 

D size(): 返回 集合 所 包含 元 素 的 数量 。 与 数组 的 length 属 性 类 似 。 
口 values () : 返回 一 个 包含 集合 中 所 有 值 的 数组 。 
























































6.2.1 has (value) 方 法 



































首先 要 实现 的 是 has (value) 方 法 。 这 是 因为 它 会 被 aaa 、remove 等 其 他 方法 调用 。 下 面 看 
看 它 的 实现 : 
this.has = function(value) 1 
return value in items; 
J 
既然 我 们 使 用 对 象 来 存储 集合 的 值 ， 就 可 以 用 JavaScript 的 in 操 作 符 来 验证 给 定 的 值 是 否 是 
items 对 象 的 属性 。 


但 这 个 方法 还 有 更 好 的 实现 方式 ， 如 下 : 


























this.has = function(value)t{ 
return items.hasOwnProperty (value); 
ys 
所 有 JavaScript 对 象 都 有 hasownProperty 方 法 。 这 个 方法 返回 一 个 表明 对 象 是 否 具有 特定 属 
性 的 布尔 值 。 
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6.2.2 add 方法 
接 下 来 要 实现 aqd 方 法 : 


this.add = function(value)t{ 
if (!this.has(value))t{ 
items [value] 
return true; 
} 
return false; 


a 


= value; 


/AAA 




















对 于 给 定 的 value， 可 以 检查 它 是 否 存 在 于 集合 中 。 如 果 不 存 在 ， 


( 行 {1} ), 返回 true， 表示 添加 了 这 个 值 。 如 果 集 合 中 已 经 有 这 个 值 ， 
添加 它 。 





就 把 value 添 加 到 集合 中 
就 返回 false， 表 示 没 有 


省 添加 一 个 值 的 时 候 ， 把 它 同时 作为 键 和 值 保 存 ， 因 为 这 样 有 利于 查找 这 个 值 。 


6.2.3 remove 和 clear 方法 
下 面 要 实现 remove 方 法 : 
this.remove = function(value)t{ 

if (this.has (value))t 

delete items[valuel]; 
return true; 

} 


return false; 


小 


//{2} 








除 value( 行 {2} )， 返回 true， 表 示 值 被 移 除 ; 否则 返回 false。 








壤 性 ( 行 {2} )。 


使 用 set 类 的 示例 代码 如 下 : 


let set = 
set.add(1); 
set.add (2); 


new Set(); 


出 于 好 奇 ， 如 果 在 执行 以 上 代码 之 后 ， 在 控 
Chrome 就 会 输出 如 下 内 容 : 





Object {1: 1, 2: 2} 
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在 remove 方 法 中 ， 我 们 会 验证 给 定 的 value 是 否 存 在 于 集合 中 。 如 果 存 在 





， 就 从 集合 中 移 


既然 用 对 象 来 存储 集合 的 items 对 象 ,就 可 以 简单 地 使 用 aelete 操 作 符 从 items 对 象 中 移 除 


央 台 (console.1og ) 输出 items 变 量 ,， 谷歌 


福 里 ， 可 人 
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可 以 看 到 , 这 是 一 个 有 两 个 属性 的 对 象 。 属性 名 就 是 添加 到 集合 的 值 ， 同时 
它 也 是 属性 值 。 


如 果 想 移 除 集合 中 的 所 有 值 ， 可 以 用 clear 方 法 : 


this.clear = function(){ 
items: TO 
lj 
要 重 置 items 对 象 , 需要 做 的 只 是 把 一 个 空 对 象 重新 赋值 给 它 ( 行 {3} ), 我 们 也 可 以 迭代 和 集 
合 ， 用 remove 方 法 依次 移 除 所 有 的 值 ， 但 既然 有 更 简单 的 方法 ， 那 样 做 就 太 麻 烦 了 。 


























6.2.4 size 方法 





下 一 个 要 实现 的 是 size 方 法 (返回 集合 中 有 和 多少 项 )。 这 个 方法 有 三 种 实现 方式 。 








第 种 方法 是 使 用 个 length 变 量 ， 每 当 使 用 add 或 remove 方 法 时 控制 它 ， 就 像 在 上 一 章 
中 使 用 LinkedList 类 一 样 。 





第 二 种 方法 ,使 用 JavaScript 内 建 的 0bject 类 的 一 个 内 建 函 数 (ECMAScript 5 以 上 版 本 ): 


this.size = function(){ 
return Object.keys (items) .length; //{4} 

}; 

JavaScript 的 Object 类 有 一 个 keys 方 法 , 它 返 回 一 个 包含 给 定 对 象 所 有 属性 的 数组 。 在 这 种 
情况 下 ,可 以 使 用 这 个 数组 的 length 属 性 ( 行 {4} ) 来 返回 items 对 象 的 属性 个 数 。 以 上 代码 只 
能 在 现代 浏览 器 中 运行 (比如 IE9 以 上 版 本 、Firefox 4 以 上 版 本 、Chrome 5 以 上 版 本 、Opera 12 以 
上 版 本 、Safari 5 以 上 版 本 ， 等 等 )。 
































第 三 种 方法 是 手动 提取 items 对 象 的 每 一 个 属性 , 记录 属性 的 个 数 并 返回 这 个 数字 。 这 个 方 
法 可 以 在 任何 浏览 天 上 运行 ， 和 之 前 的 代码 是 等 价 的 : 








this.sizeLegacy = function(){ 
let count = 0; 
for(let key in items) { //{5} 
if(items.hasOwnProperty (key)) //{6} 
++count; //{7} 
} 
return count; 


过 


遍历 items 对 象 的 所 有 属性 ( 行 15} ), 检查 它们 是 否 是 对 象 自身 的 属性 ( 避免 重复 计数 一 一 
行 {6} )。 如 果 是 ， 就 递增 count 变 量 的 值 ( 行 {7} )， 最 后 在 方法 结束 时 返回 这 个 数字 。 
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不 能 简单 地 使 用 for-in 语 名 遍历 items 对 象 的 属性 ， 并 递增 count 变 量 的 
值 。 还 需要 使 用 hasownProperty 方 法 (以 验证 items 对 象 具有 该 属性 )， 因 为 
对 象 的 原型 包含 了 额外 的 属性 ( 属性 既 有 继承 自 JavaScript 的 Object 类 的 ， 也 有 
属于 对 象 自身 ， 未 用 于 数据 结构 的 )。 


6.2.5 values 方法 
values 方 法 也 应 用 了 相同 的 逻辑 ， 提 取 items 对 象 的 所 有 属性 ， 以 数组 的 形式 返回 : 











this.values = function(){ 
let values = []; 
for (let i=0, keys=Object.keys (items); i<keys.length; i++) { 
values.push(items[keys[i]]); 
lj 
return values; 


过 


以 上 代码 只 能 在 现代 浏览 器 中 运行 。 在 本 书 中 我 们 使 用 的 测试 浏览 需 是 Chrome 和 Firefox， 
此 代码 可 以 工作 。 


如 果 想 让 代码 在 任何 浏览 器 中 都 能 执行 ， 可 以 用 与 之 前 代码 等 价 的 下 面 这 段 代码 ， 6 


this.valuesLegacy = function()t{ 

let values = []; 

for(let key in items) { //{7} 
if(items.hasOwnProperty (key)) { //{8} 

values.push (items[key]); 

} 

} 

return values; 


}s 
所 以 ,首先 遍 历 items 对 象 的 所 有 属性 ( 行 {7} )， 把 它们 添加 一 个 数组 中 ( 行 {8} )， 并 返 
回 这 个 数组 。 该 方法 类 似 于 我 们 开发 的 sizeLegacy 方 法 ， 但 我 们 添加 一 个 数组 ， 而 不 是 计算 属 
性 个 数 。 























6.2.6 使 用 set 类 
现在 数据 结构 已 经 完成 了 ， 看 看 如 何 使 用 它 吧 。 试 着 执行 一 些 命 令 ， 测 试 我 们 的 set 类 ; 


let set = new Set(); 














set.add(1); 
console.log(set.values()); // 输 出 ["1"] 
console.log(set.has(1)); // 输 出 true 
console.log(set.size()); // 输 出 1 
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set.adqd (2); 


console.logl(se 
console.logl(se 
console.logl(se 


set.remove(1); 


console.logl(se 


set.remove (2); 


console.logl(se 


现在 我 们 有 了 一 


.values () ); // 输 出 ["1"，"2"] 
t.has(2)); //true 

t.size()); //2 

t.values ()); // 输 出 ["2"] 
t.values()); // 输 出 [] 





个 和 ECMAScript 6 中 非常 类 似 的 set 类 实现 。 如 前 所 述 ， 也 可 以 用 数组 替代 








对 象 ， 存 储 元 素 。 既 然 我 们 在 第 2 章 、 第 3 章 和 第 4 章 都 用 过 数组 ， 知 道 有 不 同方 式 实现 同样 的 东 


西 ， 这 也 不 错 。 


6.3 ”集合 操作 








对 集合 可 以 进行 如 下 操作 。 





6.3.1 并 集 


并 集 的 数学 概念 





NE 

















(Gus 





口 并 集 : 对 于 给 定 的 两 个 
口 交集 : 对 于 给 定 的 两 个 
口 差 集 : 对 于 给 定 的 两 个 
合 的 元 素 的 新 集合 。 

口 子 集 : 验证 一 个 给 定 集合 


合 ， 返 回 一 个 包含 两 个 集合 中 所 有 元 素 的 新 集合 。 
合 ， 返 回 一 个 包含 两 个 集合 中 共有 元 素 的 新 集合 。 
合 ， 返 回 一 个 包含 所 有 存在 于 第 一 个 集合 且 不 存在 于 第 二 个 集 














? Uy 
































否 是 另 一 集合 的 子 集 。 


[ou 











是 集合 4 和 集合 B 的 并 集 ， 表 示 为 : 
AUB 


集合 定义 如 下 : 





AUB= {x|xE AVx EB)} 





思 是 x (元素 ) 存在 于 4 中 ， 或 x 存在 于 8 中。 下 图 展示 了 并 集 操作 : 


， 


图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


6.3 ”集合 操作 95 





现在 来 实现 set 类 的 union 方 法 : 


this.union = function(otherSet) 1{ 
let unionSet = new Set(); //{1} 


let values = this.values(); //{2} 
for (let i=0; i<values.length; i++){ 
unionSet.add(values{[i]); 


} 


values = otherSet.values(); //{3} 
for (let i=0; i<values.length; i++){ 
unionSet.add(values{[i]); 


} 


return unionSset; 


}; 

首先 需要 创建 一 个 新 的 集合 ,代表 两 个 集合 的 并 集 ( 行 {1} )。 接 下 来 , 获取 第 一 个 集合 ( 当 
前 的 set 类 实例 ) 所 有 的 值 (values ), 遍历 并 全 部 添加 到 代表 并 集 的 集合 中 ( 行 {2} )。 然 后 对 
第 二 个 集合 做 同样 的 事 ( 行 {3} )。 最 后 返回 结果 。 


测试 一 下 上 面 的 代码 : 


let setA = 
setA.add(1 
setA.add (2); 
setA.add(3 














let setB new Set(); 
setB.add 
setB.add 
setB.add 
setB.add 





let unionAB = setA.union(setpB); 
console.log (unionAB.values ()); 


输出 为 ["1"，"2"，"3"，"4"，"5"，"6"]。 注 意 元 素 3 同 时 存在 于 4 和 8 中 ， 它 在 结果 的 
集合 中 只 出 现 一 次 。 














6.3.2 ”交集 
交集 的 数学 概念 是 集合 4 和 集合 8 的 交集 ， 表 示 为 : 
ANMB 
该 集合 定义 如 下 : 
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ANB= {x|xEAMNxXEB} 


意思 是 x (元素 ) 存在 于 4 中 ， 且 x 存在 于 8B 中 。 下 图 展示 了 交集 操作 : 



































现在 来 实现 set 类 的 ijntersection 方 法 : 





this.intersection = function(otherSset)t 
let intersectionSet = new Set(); //{1} 


let values = this.values (); 
for (let i=0; i<values.length; i++){ //{2} 
if (otherSet.has(values[i]))t //{3} 
intersectionSet.add(values[i]); //{4} 
} 
} 


return intersectionSet; 


} 

intersection 方 法 需要 找到 当前 set 实例 中 , 所 有 也 存在 于 给 定 Set 实 例 中 的 元 素 。 首先 创 
建 一 个 新 的 set 实例 ， 这 样 就 能 用 它 返回 共有 的 元 素 ( 行 11} )。 接 下 来 ,遍历 当前 set 实 例 所 有 
的 值 ( 行 {2} )， 验 证 它们 是 否 也 存在 于 otherset 实 例 ( 行 13) ) 之 中 。 可 以 用 这 一 章 前 面 实现 
的 has 方 法 来 验证 元 素 是 否 存在 于 set 实 例 中 。 然 后, 如 果 这 个 值 也 存在 于 另 一 个 set 实例 中 , 就 
将 其 添加 到 创建 的 intersectionset 变 量 中 ( 行 14} )， 最 后 返回 它 。 


做 些 测试 : 


let setA = 
setA.add(1 
setA.add (2); 
setA.add(3 





let setB = 
setB.add(2 
setB.add (3); 
setB.add(4 





Jet intersectionAB = setA.intersection(setB); 
console.log(intersectionAB.values ()); 


输出 为 ["2"， "3"] ， 因 为 2 和 3 同时 存在 于 两 个 集合 中 。 
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6.3.3 差 集 
差 集 的 数学 概念 是 集合 4 和 集合 8 的 差 集 ， 表 示 为 : 4-B， 定 义 如 下 : 
A-B={x|xEANx¢B)} 
意思 是 x (元素 ) 存在 于 4 中 ， 且 x 不 存在 于 8 中。 下 图 展示 了 集合 4 和 B 的 差 集 操作 : 















































现在 来 实现 set 类 的 difference 方 法 : 


this.difference = function(otherSet)t{ 
let differenceSet = new Set(); //{1} 


let values = this.values(); 
for (let i=0; i<values.length; i++){ //{2} 
if (!otherSet.has (values[i]))t{ //{3} 
differenceSet.add(values[i]); //{4} 
} 





} 


return differenceSet; 


}; 

intersection 方 法 会 得 到 所 有 同时 存在 于 两 个 集合 中 的 值 。 而 difference 方 法 会 得 到 所 
有 存在 于 集合 4 但 不 存在 于 B 的 值 。 因 此 这 两 个 方法 在 实现 上 唯一 的 区 别 就 是 行 {3}。 只 获取 不 存 
在 于 otherset 实 例 中 的 值 ， 而 不 是 也 存在 于 其 中 的 值 。 行 {1}、{2} 和 {4} 是 完全 相同 的 。 

(用 跟 intersection 部 分 相同 的 集合 ) 做 些 测试 : 


new Set () ， 











new Set () ; 





let differenceAB = SetA.dqifference(setB) : 
console.log(differenceAB.values ()); 


输出 为 ["1"] ， 因 为 1 是 唯一 一 个 仅 存 在 于 setA 的 元 素 。 
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6.3.4 子 集 


我 们 要 介绍 的 最 后 一 个 集合 操作 是 子 集 。 子 集 的 数学 概念 是 集合 4 是 集合 3 的 子 集 ( 或 集合 B 
包含 了 4 )， 表示 为 : 




















Ly 























ACB 
该 集合 定义 如 下 : 
Vx{xEA—>xXEB} 
意思 是 集合 4 中 的 每 一 个 x (元素 )， 也 需要 存在 于 8 中 。 下 图 展示 了 集合 4 是 集合 8 的 子 集 : 











现在 来 实现 Set 类 的 subset 方 法 : 


this.subset = function(otherSet)t{ 





if (this.size() > otherSet.size()){ //{1} 
return false; 
} else { 
let values = this.values(); 
for (let i=0; i<values.length; i++){ //{2} 
if (!otherSet.has (values[i])){ //{3} 
return false; //{4} 
} 
I 
return true; //{5} 
} 
}3 


首先 需要 验证 的 是 当前 set 实 例 的 大 小 。 如 果 当 前 实例 中 的 元 素 比 otherset 实 例 更 多 ， 它 
就 不 是 一 个 子 集 ( 行 {1} )。 子 集 的 元 素 个 数 需要 小 于 或 等 于 要 比较 的 集合 。 

















接 下 来 要 遍历 集合 中 的 所 有 元 素 ( 行 12} )， 验 证 这 些 元 素 也 存在 于 otherset 中 ( 行 {3} )。 
如 果 有 任何 元 素 不 存在 于 otherset 中 ， 就 意味 着 它 不 是 一 个 子 集 ， 返 回 false ( 行 {4} )。 如 果 
所 有 元 素 都 存在 于 otherset 中 ， 行 14} 就 不 会 被 执行 ， 那 么 就 返回 true( 行 15} )。 

仿 验 一 下 上 面 的 代码 效果 如 何 : 


let setA = new Set(); 
setA.add (1); 
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console.log(setA.subset (SetB) ) ; 
console.log(setA.subset (setC) ) ; 


我 们 有 三 个 集合 : setA 是 setB 的 子 集 ( 因此 输出 为 Lrue ), 然而 setA 不 是 setc 的 子 集 ( setc 
只 包含 了 setA 中 的 >， 而 不 包含 1 )， 因 此 输出 为 false。 






































6.4 ES6 Set 类 


ECMAScript 2015 新 增 了 Set 类 。 我 们 可 以 基于 ES6 的 set 开 发 我 们 的 set 类。 








关于 ECMAScript 6 的 Set 类 的 实现 细节 ， 请 查阅 https://developer.mozilla.org/ 
en-US/docs/Web/JavaScript/Reference/Global-Objects/Set ( 或 http://goo.g1/21i2a5 )。 


我 们 先 看 看 原生 的 set 类 怎么 用 。 
还 是 用 我 们 原来 测试 set 类 的 例子 : 

















let set = new Set(); 


set.add(1); 

console.log(set.values()); // 输出 @Iterator 
console.log(set.has (1)); // 输出 true 
console.log(set.size); // 输出 1 

















和 我 们 的 Set 不同, ES6 的 Set 的 values 方 法 返回 Iterator (第 2 章 提 到 过 ), 而 不 是 值 构 成 
的 数组 。 另 一 个 区 别 是， 我 们 实现 的 size 方 法 返回 set 中 存储 的 值 的 个 数 ， 而 ES6 的 set 则 有 一 
个 size 属 性 。 

可 以 用 delete 方 法 删除 set 中 的 元 素 : 


set.delete(1); 


clear 方 法 会 重 置 set 数 据 结 构 ， 这 跟 我 们 实现 的 功能 一 样 。 
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ES6 set 类 的 操作 


我 们 的 set 类 实现 了 并 集 、 交 集 、 差 
。 不过， 有 需要 的 话 ， 我 们 也 可 以 模拟 。 


我 们 的 例子 会 用 到 下 面 两 个 集合 : 


new Set(); 





侣 已 
HE 








new Set () ; 





1. 模拟 并 集 操 作 





我 们 可 以 创建 一 个 新 的 集合 ， 用 来 添加 两 个 集合 中 所 有 的 元 素 ( 行 {1} )。 和 迭代 这 两 个 








、 子 集 等 数学 操作 ， 然 而 ES6 原 生 的 set 并 没有 这 些 功 











注 


oy 


( 行 {2}、 行 {3} )， 把 所 有 元 素 都 添加 到 并 集 的 集合 中 。 代 码 如 下 : 























let unionAb = new Set(); //{1} 
for (let x of setA) unionAb.add (x); //{2} 
for (let x of setB) unionAb.add (x); //{3} 
2. 模拟 交集 操作 
模拟 交集 操作 需要 创建 一 个 辅助 函数 ， 来 生成 包含 setA 和 setB 都 有 的 元 素 的 新 集合 ( 行 
{1} )s 代码 如 下 : 

let intersection = function(setA, setB) { 

let intersectionSet = new Set(); 

for (let x of setA) { 

if (setB.has (x)) { //{1} 


intersectionSet.add (x); 
} 
} 
return intersectionSet; 


} 3 


Jet intersectionAB = intersection(setA， 





setB); 


交集 可 以 用 更 简单 的 语法 实现 ， 代 码 如 下 : 


intersectionAb = new Set([x for (x o 


f setA) if (setB.has (x))]); 





这 和 :intersection 函 数 的 效果 完全 一 相 
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目前 只 有 Firefox 支 持 简 化 的 语法 ， 但 在 所 有 支持 ES6 的 现代 浏览 器 中 都 可 以 
执行 intersection 函 数 。 


3. 模拟 差 集 操作 











交集 操作 创建 的 集合 包含 setA 和 setB 都 有 的 元 素 , 差 集 操作 创建 的 集合 包含 的 则 是 setA 有 
而 setB 没 有 的 元 素 。 看 下 面 的 代码 : 


let difference function(setA， 
Jet differenceSet = new Set(); 
for (let x of setA) { 
if (!setB.has(x)) { //{1} 
differenceSet.add (x); 


SetB) { 


} 
上 


return differenceSet; 


}; 


let differenceAB = difference(setA, setB); 





intersection 图 数 和 qifference 图 数 只 有 行 141} 不 同 ， 因 为 差 集中 只 添加 setA 有 而 setB 
没有 的 元 素 。 








差 集 也 可 以 用 更 简单 的 语法 实现 ， 代 码 如 下 : 


differenceAB = new Set([X for 


(x of setA) if (!setB.has (x))]); 


目前 只 有 Firefox 支 持 简 化 的 语法 ,但 在 所 有 支持 ES6 的 现代 浏览 器 中 都 可 以 
执行 aifference 函 数 。 


6.5 小结 


在 这 一 章 中 ,我们 学 习 了 如 何 从 头 实现 一 个 与 ECMAScript 6 中 定义 的 类 似 的 Set 类。 我 们 还 
介绍 了 在 其 他 编程 语言 的 集合 数据 结构 的 实现 中 不 常见 的 一 些 方法 ， 比 如 并 集 、 交 集 、 差 集 和 子 
集 。 因 此 ， 相 比 于 其 他 编程 语言 目前 的 set 实现 ， 我 们 实现 了 一 个 非常 完备 的 Set 











类 。 


在 下 一 章 中 ,我 们 将 会 介绍 散 列 和 字典 这 两 种 非 顺序 数据 结构 。 
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字典 和 散 列 表 


























在 上 一 章 中 , 我 们 学 习 了 集合 。 本 章 我 们 会 继续 学 习 使 用 字典 和 散 列 表 来 存储 唯一 值 ( 不 重 
复 的 值 ) 的 数据 结构 。 
集合 、 字 典 和 散 列 表 可 以 存储 不 重复 的 值 。 在 集合 中 , 我 们 感 兴趣 的 是 每 个 值 本 身 ， 并 把 它 
当 作 主 要 元 素 。 在 字典 中 , 我 们 用 [ 键 , 值 ] 的 形式 来 存储 数据 。 在 散 列 表 中 也 是 一 样 (也 是 以 [ 键 ， 
值 ] 对 的 形式 来 存储 数据 )。 但 是 两 种 数据 结构 的 实现 方式 略 有 不 同 ， 本 章 中 将 会 介绍 。 






































7.1 字典 


你 已 经 知道 , 集合 表示 一 组 互 不 相同 的 元 素 ( 不 重复 的 元 素 )。 在 字典 中 , 存储 的 是 [ 键 ， 值 ] 
对 ， 其 中 键 名 是 用 来 查询 特定 元 素 的。 字典 和 集合 很 相似 ,集合 以 [ 值 ， 值 ] 的 形式 存储 元 素 ， 字 
典 则 是 以 [ 键 ， 值 ] 的 形式 来 存储 元 素 。 字 典 也 称 作 映 射 。 


在 本 章 中 , 我 们 会 介绍 几 个 在 现实 问题 上 使 用 字典 数据 结构 的 例子 : 一 个 实际 的 字典 ( 单词 
和 它们 的 释义 ) 以 及 一 个 地 址 短 。 























7.1.1 创建 字典 
与 Set 类 相似 ，ECMAScript 6 同样 包含 了 一 个 Map 类 的 实现 ， 即 我 们 所 说 的 字典 。 


我 们 在 本 章 中 将 要 实现 的 类 就 是 以 ECMAScript 6 中 Map 类 的 实现 为 基础 的 。 你 会 发 现 它 和 
set 类 很 相似 (但 不 同 于 存储 [ 值 ， 值 ] 对 的 形式 ， 我 们 将 要 存储 的 是 [ 键 ， 值 ] 对 )。 


这 是 我 们 的 Dictionary 类 的 骨架 : 






































function Dictionary() { 
var items = {}; 


} 
与 Set 类 类 似 , 我 们 将 在 一 个 object 的 实例 而 不 是 数组 中 存储 元 素 。 
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然后 ， 我 们 需要 声明 一 些 映射 /字典 所 能 使 用 的 方法 。 


口 set (key ,value) : 向 字典 中 添加 新 元 素 。 

D delete (key): 通过 使 用 键 值 来 从 字典 中 移 除 键 值 对 应 的 数据 值 。 

口 has (key) : 如 果 某 个 键 值 存在 于 这 个 字典 中 ， 则 返回 true， 反 之 则 返回 false。 
D get (key) : 通过 键 值 查找 特定 的 数值 并 返回 

口 clear () : 将 这 个 字典 中 的 所 有 元 素 全 部 册 除 。 

口 size(): 返回 字典 所 包含 元 素 的 数量 。 与 数组 的 1ength 属 性 类 似 。 

口 keys () 人 的 所 有 键 名 以 数组 形式 返回 。 

口 values () : 将 字典 所 包含 的 所 有 数值 以 数组 形式 返回 。 
































1. has 和 set 方 法 
我 们 首先 来 实现 has (key ) 方 法 。 之 所 以 要 先 实现 这 个 方法 ， 是 因为 它 会 被 set 和 remove 等 
其 他 方法 调用 。 我 们 可 以 通过 如 下 代码 来 实现 : 


this.has = function(key) { 
return key in items; 


3 


这 个 方法 的 实现 和 我 们 之 前 在 set 类 中 的 实现 是 一 样 的 。 我 们 使 用 JavaScript 中 的 in 操作 符 来 
验证 一 个 key 是 否 是 items 对 象 的 一 个 属性 。 


然后 是 set 方 法 的 实现 : 





























this.set = function(key, value) { 
items[key] = value; //{1} 
上 


该 方法 接受 一 个 key 和 一 个 value 作 为 参数 。 我 们 直接 将 value 设 为 items 对 象 的 key 属 性 的 
值 。 它 可 以 用 来 给 字典 添加 一 个 新 的 值 ， 或 者 用 来 更 新 一 个 已 有 的 值 。 


2. delete 方 法 


接 下 来 ， 我 们 实现 delete 方 法 。 它 和 set 类 中 的 delete 方 法 很 相似 ， 唯 一 的 不 同 点 在 于 我 
们 将 先 搜索 key ( 而 不 是 value ): 


this.delete= function(key) { 
if (this.has (key)) { 
delete items[key]; 
return true; 
} 
return false; 


六 
然后 我 们 可 以 使 用 JavaScript 的 remove 操 作 符 来 从 items 对 象 中 移 除 key 属 性 。 
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3. get 和 values 方 法 
如 果 我 们 想 在 字典 中 查找 一 个 特定 的 项 ， 并 检索 它 的 值 ， 可 以 使 用 下 面 的 方法 : 


this.get = function(key) { 

return this.has(key) ? items[key] : undefined; 
站 
get 方 法 首先 会 验证 我 们 想 要 检索 的 值 是 否 存在 ( 通过 查找 key 值 ), 如 果 存 在 , 将 返回 该 值 ， 
反之 将 返回 一 个 undefined 值 (请 记 住 undefined 值 和 nu1l1 值 是 不 一 样 的 , 第 1 章 中 提 到 过 这 个 
概念 )。 


下 一 个 是 values 方 法 。 这 个 方法 以 数组 的 形式 返回 字典 中 所 有 values 实 例 的 值 : 


























this.values = function() { 

var values = []; 

for (var k in items) { //{1} 
if (this.has(k)) { 

values.push(items[k]); //{2} 

} 

} 

return values; 


js 
首先 ， 我们 遍历 items 对 象 的 所 有 属性 值 ( 行 {1} )。 为 了 确定 值 存 在 ， 我 们 使 用 has 函数 来 
验证 key 确 实 存在 ， 然 后 将 它 的 值 加 入 values 数 组 ( 行 {2} )。 最 后 ， 我 们 就 能 返回 所 有 找到 
的 值 。 








我 们 不 能 仅仅 使 用 for-in 语 句 来 遍历 items 对 象 的 所 有 属性 ， 还 需要 使 用 
hasOwnProperty 方 法 (验证 items 对 象 是 否 包含 某 个 属性 )， 因 为 对 象 的 原型 
也 会 包含 对 象 的 其 他 属性 (JavaScript 基 本 的 Object 类 中 的 属性 将 会 被 继承 ， 并 
存在 于 当前 对 象 中 ， 而 对 于 这 个 数据 结构 来 说 ， 我 们 并 不 需要 它们 )。 


4. clear、size、keys 和 getItems 方 法 
clear 和 size 方 法 与 第 6 章 set 类 中 对 应 的 方法 是 完全 一 样 的 , 因此 我 们 就 不 在 本 章 讨 论 了 。 
keys 方 法 返回 在 Dictionary 类 中 所 有 用 于 标识 值 的 键 名 。 要 取出 一 个 JavaScript 对 象 中 所 有 


的 键 名 ， 可 以 把 这 个 对 象 作为 参数 传人 object 类 的 keys 方 法 〈 到 目前 为 止 ， 书 中 创建 的 类 ， 包 
括 Dictionatry 在 内 ， 都 是 JavaScript 对 象 ) ， 如 下 : 





























this.keys = function() { 
return Object.keys (items); 


3 
最 后 ， 我 们 来 验证 items 属 性 的 输出 值 。 我 们 可 以 实现 一 个 返回 items 变 量 的 方法 ， 叫 作 














| 


图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 





getIlitems: 


this.getItems = function() { 
return items; 


} 


7.1.2 使 用 Dictionary 类 


首先 ， 我 们 来 创建 一 个 Dictionary 类 的 实例 ， 然 后 给 它 添加 三 条 电子 邮件 地 址 。 我 们 将 会 
使 用 这 文 个 qictionary 实 例 来 实现 一 个 电子 邮件 地 址 秒 。 


使 用 我 们 创建 的 类 来 执行 如 下 代码 : 


Var dictionary = new Dictionary (); 


dictionary.set('Gandalf', 'gandalf@email.com'); 
dictionary.set('John', 'johnsnow@email.com'); 
dictionary.set('Tyrion', 'tyrion@email.com'); 

















如 果 执 行 了 如 下 代码 ， 输 出 结果 将 会 是 true: 

console.10og (dictionary.has('Gandalf')); 

下 面 的 代码 将 会 输出 3， 因 为 我 们 向 字典 实例 中 添加 了 三 个 元 素 : 
console.10g (dictionary.size()); 


现在 ,执行 下 面 的 几 行 代码 : 





console.log(dictionary.keys()); 
console.log(dictionary.values ()); 
console.log(dictionary.get ('Tyrion')); 


输出 结果 分 别 如 下 所 示 : 


["Gandalf", "John", "Tyrion"] 
["gandalf@email.com", "johnsnow@email.com", "tyrion@email .com"] 
tyrion@email .com 


最 后 ， 青 执行 几 行 代码 : 
dictionary.delete('John'); 


再 执行 下 面 的 代码 : 


console.log(dictionary.keys()); 
console.log(dictionary.values ()); 
console.log(dictionary.getItems () ) ; 


输出 结果 如 下 所 示 : 


["Gandalf", "Tyrion"] 


图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


106 第 7 章 字典 和 散 列 表 





["gandalf@email.com", "tyrion@email .com"] 
Object {Gandalf: "gandalf@email.com", Tyrion: 
"tyrion@Qemail .com"} 


移 除 了 一 个 元 素 后 ,现在 的 Gictionary 实 例 中 只 包含 两 个 元 素 了 。 加 粗 的 一 行 表现 了 items 
对 象 的 内 部 结构 。 


7.2” 散 列表 


在 本 节 中 ， 你 将 会 学 到 HashTable 类 ， 也 叫 HashMap 类 ， 它 是 pictionary 类 的 一 种 散 列表 
实现 方式 。 


散 列 算法 的 作用 是 尽 可 能 快 地 在 数据 结构 中 找到 一 个 值 。 在 之 前 的 音节 中 , 你 已 经 知道 如 果 
要 在 数据 结构 中 获得 一 个 值 ( 使 用 get 方 法 )， 需 要 遍历 整个 数据 结构 来 找到 它 。 如 果 使 用 散 列 
函数 ， 就 知道 值 的 具体 位 置 ， 因 此 能 够 快速 检索 到 该 值 。 散 列 函数 的 作用 是 给 定 一 个 键 值 ， 然 后 
返回 值 在 表 中 的 地 址 。 


举 个 例子 , 我 们 继续 使 用 在 前 一 节 中 使 用 的 电子 邮件 地 址 短 。 我 们 将 要 使 用 最 常见 的 散 列 函 
数 一 一 “lose lose” 散 列 函 数 ， 方 法 是 简单 地 将 每 个 键 值 中 的 每 个 字母 的 ASCII 值 相 加 。 



























































名 称 / 键 散 列 函数 




















Gandalf 71+97+110+100+97+108+102 
399] | johnsnow@email.com 
John 74+111+104+110 
Tyrion 84+121+114+103+111+110 








685] | gandalf(Wemail.com 








[ 

[ 

[ss 

[645] tyrionG@email.com 
[ 

[ 

[ 

















7.2.1 创建 散 列表 
我 们 将 使 用 数组 来 表示 我 们 的 数据 结构 ， 该 数据 结构 和 上 一 章 中 的 图 表 所 用 的 非常 相似 。 
和 之 前 一 样 ， 我 们 从 搭建 类 的 骨架 开始 : 
function HashTable() { 


Var table = []; 


} 
然后 ， 给 类 添加 一 些 方法 。 我 们 给 每 个 类 实现 三 个 基本 方法 。 














图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


7.2 散 列 表 107 





口 but (key,value) : 向 散 列 表 增 加 一 个 新 的 项 (也 能 更 新 散 列 表 )。 
口 remove (key) : 根据 键 值 从 散 列 表 中 移 除 值 。 
D get (key) : 返回 根据 键 值 检 索 到 的 特定 的 值 。 


在 实现 这 三 个 方法 之 前 , 要 实现 的 第 一 个 方法 是 散 列 函数 , 它 是 HashTable 类 中 的 一 个 私有 
方法 : 








var loseloseHashCode = function (key) { 


var hash = 0; //{1} 

for (var i = 0; i < key.length; i++) { //{2} 
hash += key.charCodeAt (i); //{3} 

} 

return hash % 37; //{4} 


eg 


给 定 一 个 key 参 数 , 我们 就 能 根据 组 成 key 的 每 个 字符 的 ASCII 码 值 的 和 得 到 一 个 数字 。 所 以 ， 
首先 需要 一 个 变量 来 存储 这 个 总 和 ( 行 {1} )。 然 后 ,遍历 key ( 行 {2} ) 并 将 从 ASCII 表 中 查 到 
的 每 个 字符 对 应 的 ASCII 值 加 到 nash 变量 中 ( 可 以 使 用 JavaScript 的 String 类 中 的 charCodeAt 
方法 一 一 行 {3} )。 最 后 ， 返 回 hash 值 。 为 了 得 到 比较 小 的 数值 ， 我 们 会 使 用 hash 值 和 一 个 任意 
数 做 除法 的 余数 (mod )。 








省 要 了 解 更 多 关于 ASCII 的 信息 ， 请 访问 http://www.asciitable.com/。 





现在 ， 有 了 散 列 函数 ， 我 们 就 可 以 实现 put 方 法 了 : 


this.put = function(key, value) { 

var position = loseloseHashCode (key); //{5} 

console.log(position + '- ' + key); //{6} 

table[lposition] = value; //{7} 
}; 
首先 ， 根据 给 定 的 key， 我 们 需要 根据 所 创建 的 散 列 函 数 计算 出 它 在 表 中 的 位 置 ( 行 {5} )。 
为 了 便于 展示 信息 ， 我 们 将 计算 出 的 位 置 输出 至 控制 台 ( 行 {6} )。 由 于 它 不 是 必需 的 ， 我们 也 
可 以 将 这 行 代码 移 除 。 然 后 要 做 的 ， 是 将 value 参 数 添 加 到 用 散 列 函数 计算 出 的 对 应 的 位 置 上 。 
( 行 {7} )。 


从 HashTable 实 例 中 查找 一 个 值 也 很 简单 。 为 此 ， 我 们 将 会 实现 一 个 get 方 法 : 














this.get = function (key) { 
return table[lloseloseHashCode (key)]; 
a 
首先 ， 我们 会 使 用 所 创建 的 散 列 函数 来 求 出 给 定 key 所 对 应 的 位 置 。 这 个 函数 会 返回 值 的 位 
置 ， 因 此 我 们 所 要 做 的 就 是 根据 这 个 位 置 从 数组 table 中 获得 这 个 值 。 
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我 们 要 实现 的 最 后 一 个 方法 是 remove 方 法 : 


this.remove 


a 
} 


要 从 
并 赋值 为 unde 


于 





对 


ble[loseloseHashCodel( 


HashTab 


HashTabl 





function(key) { 
) 


key)] = undefined; 





le 实例 中 移 除 一 个 元 素 ， 只 需要 求 出 元 素 的 位 置 ( 可 以 使 用 散 列 函数 来 获取 ) 


FineaQo 








e 类 来 说 , 我 们 不 需要 像 ArrayList 类 一 样 从 table 数 组 中 将 位 置 也 移 除 。 由 





于 元 素 分 布 于 整个 数组 范围 内 ， 一 些 位 置 会 没有 任何 元 素 占据 , 并 上 默认 为 undefined 值 。 我 们 也 














不 能 将 位 置 本 身 从 数组 中 移 除 ( 这 会 改变 其 他 元 素 的 位 置 )， 否 则 ， 当 下 次 需要 获得 或 移 除 一 个 
元 素 的 时 候 ， 这 个 元 素 会 不 在 我 们 用 散 列 函数 求 出 的 位 置 上 。 


7.2.2 ”使 用 





HashTable 类 


让 我 们 执行 一 些 代码 来 测试 HashTapble 类 : 


Var hash = new HashTable(); 


hash.put( 
hash.put( 
hash.putl( 


'Gandalf', 'gandalf@email.com'); 
'John', 'johnsnow@email.com'); 
'Tyrion', 'tyrion@email.com'); 


执行 上 述 代 码 ， 会 在 控制 台中 获得 如 下 输出 : 


19 - Gandalf 


29 - John 


16 - Tyrion 





下 面 的 图 表 展 现 了 包含 这 三 个 元 素 的 HashTable 数 据 结构 : 



































名 称 / 键 散 列 函数 散 列表 
| 
Gandalf 19 ， - 
AN w [16] tyrion(Cemailcom 
John 2 ] 
六 [19] gandalflVemail.com 
Tyrion 16 人 
[29] johnsnow@email.com 
| 
现在 来 测试 get 方 法 : 
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console.log(hash.get ('Gandalf')); 
console.log(hash.get ('Loiane')); 


获得 如 下 的 输出 : 


gandalf@email .com 
undefined 


由 于 Gandalf 是 一 个 在 散 列 表 中 存在 的 键 , get 方 法 将 会 返回 它 的 值 。 而 由 于 Loiane 是 一 个 
不 存在 的 键 ， 当 我 们 试图 在 数组 中 根据 位 置 获取 值 的 时 候 (一 个 由 散 列 函数 生成 的 位 置 )， 返回 
值 将 会 是 unaefined ( 即 不 存在 )。 


然后 ， 我 们 试 试 从 散 列 表 中 移 除 candalf: 


hash.remove('Gandalf'); 
console.log(hash.get ('Gandalf')); 
































由 于 Gandalf 不 再 存在 于 表 中 , hash. get ('Gandalf') 方 法 将 会 在 控制 台 上 给 出 undefined 
的 输出 结 











7.2.3” 散 列表 和 散 列 集合 

散 列表 和 散 列 映射 是 一 样 的 ， 我 们 已 经 在 本 章 中 介绍 了 这 种 数据 结构 。 

在 一 些 编程 语言 中 ， 还 有 一 种 叫 作 散 列 集合 的 实现 。 散 列 集合 由 一 个 集合 构成 ,但 是 插入 、 
移 除 或 获取 元 素 时 ， 使 用 的 是 散 列 函数 。 我 们 可 以 重用 本 章 中 实现 的 所 有 代码 来 实现 散 列 集合 ， 
不 同 之 处 在 于 , 不 再 添加 键 值 对 ， 而 是 只 搬入 值 而 没有 键 。 例 如 ， 可 以 使 用 散 列 集合 来 存储 所 有 
的 英语 单词 (不 包括 它们 的 定义 )。 和 集合 相似 ， 散 列 集合 只 存储 唯一 的 不 重复 的 值 。 











ey 








. 














ll 






































7.2.4 ”处 理 散 列表 中 的 冲突 


有 了 时候, 一 些 键 会 有 相同 的 散 列 值 。 不同 的 值 在 散 列 表 中 对 应 相同 位 置 的 时 候 , 我 们 称 其 为 
冲突 。 例 如 ,我 们 看 看 下 面 的 代码 会 得 到 怎样 的 输出 结 











Var hash = new HashTable(); 

hash.put ('Gandalf', 'gandalf@email.com'); 
hash.put ('John', 'johnsnow@email.com'); 
hash.put ('Tyrion', 'tyrion@email.com'); 
hash.put ('Aaron', 'aaron@email.com'); 
hash.put ('Donnie', 'donnie@email.com'); 
hash.put('Ana', '‘'ana@email.com'); 
hash.put ('Jonathan', 'jonathan@email.com'); 
hash.put ('Jamie', 'jamie@email.com'); 
hash.put('Sue', 'sue@email.com'); 
hash.put ('Mindy', 'mindy@email.com'); 
hash.put('Paul', 'paul@email.com'); 
hash.put ('Nathan', 'nathan@email.com'); 
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输出 结果 如 下 
19 - Gandalf 
29 - John 
16 - Tyrion 
16 - Aaron 
13 - Donnie 
13 - Ana 
5 - Jonathan 
5 - Jamie 
5- Sue 
32 - Mindy 
32 - Paul 
10 - Nathan 


注意 ,，Tyrion 和 Aaron 有 相同 的 散 列 值 (16 ), Donnie 和 Ana 有 相同 的 散 列 


(人 值 (13 )，Jonathan、Jamie 和 Sue 有 相同 的 散 列 值 (5 )，Mindy 和 Pau1l 也 有 相 


同 的 散 列 值 (32 )。 


那 HashTable 实 例会 怎样 呢 ? 执行 之 前 的 代码 后 散 列 表 中 会 有 哪些 值 呢 ? 


为 了 
中 的 值 : 


this 
fo 


} 
} 
月 先 
上 输出 位 


获得 结果 ， 我 们 来 实现 一 个 叫 作 print 的 辅助 方法 ， 它 会 在 控制 台 上 输出 HashTable 


DELnt: eS. FUNot Lonm() 4 

r (var i = 0; i < table.length; ++i) { //{1} 

if (table[i] !== undefined) { XY 
console.log(i + ": " + table[i]);//{3} 

} 


， 遍 历数 组 中 的 所 有 元 素 ( 行 {1} )。 当 某 个 位 置 上 有 值 的 时 候 ( 行 {2} ), 会 在 控制 台 
置 和 对 应 的 值 ( 行 {3} )。 














现在 


来 使 用 这 个 方法 : 


hash.print (); 


在 控 


5: s 


制 合 上 得 到 如 下 的 输出 结果 : 


ue@Qemail .com 


: nathan@Qemail .com 

: ana@Qemail .com 

: aaron@email .com 

: gandalf@email .com 
: johnsnow@email .com 
: paul@email .com 


Jonathan、Jamie 和 sue 有 相同 的 散 列 值 ， 也 就 是 5。 由 于 sue 是 最 后 一 个 被 添加 的 ，sue 
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将 是 在 HashTable 实 例 中 占据 位 置 5 的 元 素 。 首 先 ，Jonathan 会 占据 这 个 位 置 ， 然后 Jamie 会 履 
盖 它 ， 然 后 sue 会 再 次 覆盖 。 这 对 于 其 他 发 生 冲 突 的 元 素来 说 也 是 一 样 的 。 


使 用 一 个 数据 结构 来 保存 数据 的 目的 显然 不 是 去 丢失 这 些 数据 , 而 是 通过 某 种 方法 将 它们 全 
部 保存 起 来 。 因 此 ， 当 这 种 情况 发 生 的 时 候 就 要 去 解决 它 。 处 理 冲 突 有 几 种 方法 : 分 离 链 接 、 线 
生 探查 和 双 散 列 法 。 在 本 书 中 ， 我 们 会 介绍 前 两 种 方法 。 


1. 分 离 链接 


分 离 链 接 法 包括 为 散 列表 的 每 一 个 位 置 创建 一 个 链表 并 将 元 素 存储 在 里 面 。 它 是 解决 冲突 的 
最 简单 的 方法 ， 但 是 它 在 HashTable 实 例 之 外 还 需要 额外 的 存储 空间 。 


例如 ， 我 们 在 之 前 的 测试 代码 中 使 用 分 离 链接 的 话 ， 输 出 结果 将 会 是 这 样 : 






































i 




















散 列表 








Jonathan | jonathan(@email.com| examie | jamie@emailcom| ee Sue | sueCemail.com |@» 






































Nathan | nathanCemail.com | 一 | 








Donnie | donnie@emailcom |@i—™» Analana@email.com [er 


























Gandalf | gandalf(Demail.com 

















| 
®—| 
| 
16] | @—Y| Tyrion | tyrion(Wemail.com “| @ Aaron|aaron@email.com| @+»| 
@—| 
参天] 
na 

















一 
John | johnsnow(Cemail.com | 一 | 
a 


Mindy | mindy@email.com Paul | paul@emailcom |@+—» 






































在 位 置 5 上 ， 将 会 有 包含 三 个 元 素 的 LinkedList 实 例 ; 在 位 置 13、16 和 32 上 ， 将 会 有 包含 
两 个 元 素 的 LinkedList 实 例 ; 在 位 置 10、19 和 29 上 , 将 会 有 包含 单个 元 素 的 LinkedList 实 例 。 

对 于 分 离 链 接 和 线性 探查 来 说 ， 只 需要 重 写 三 个 方法 : put、 get 和 remove。 这 三 个 方法 在 
每 种 技术 实现 中 都 是 不 同 的 。 

为 了 实现 一 个 使 用 了 分 离 链接 的 HashTable 实 例 , 我 们 需要 一 个 新 的 辅助 类 来 表示 将 要 加 入 
LinkedList 实 例 的 元 素 。 我 们 管 它 叫 valuePair 类 (在 HashTable 类 内 部 定义 ): 














Var ValuePair = function(key, value)t{ 
this.key = key; 
this.value = value; 


thistostring"= fuUnetrom(), * 
return '[' + this.key + ' - ' + this.value + ']'; 
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这 个 类 只 会 将 key 和 value 存 储 在 一 个 object 实 例 中 。 我 们 也 重 写 了 tostring 方 法 ， 





之 后 在 浏览 器 控制 台中 输出 结果 。 
(1) put 方 法 
我 们 来 实现 第 一 个 方法 ，put 方 法 ， 代 码 如 下 : 








this.put = function(key, value)t 
var position = loseloseHashCode (key); 


if (table[position] == undefined) { //{1} 
table[position]l = new LinkedList(); 

} 

table[position] .append (new ValuePair (key, value)); //{2} 


> 











在 这 个 方法 中 ,将 验证 要 加 入 新 元 素 的 位 置 是 否 已 经 被 占据 ( 行 {1} )。 如 果 这 个 位 置 








以 便 


目 .A 


征 甫 


一 次 被 加 入 元 素 ， 我 们 会 在 这 个 位 置 上 初始 化 一 个 LinkedList 类 的 实例 (你 已 经 在 第 5$ 章 中 学 
习 过 )。 然 后 ， 使 用 第 5 章 中 实现 的 appeng 方 法 向 LinkedList 实 例 中 添加 一 个 valuePair 实 例 











( 键 和 值 ) ( 行 {2} )。 
(2) get 方 法 
然后 ， 我 们 实现 用 来 获取 特定 值 的 get 方 法 : 


this.get = function(key) { 
var position = loseloseHashCode (key); 


if (table[position] !== undefined){ //{3} 
/ /遍历 链表 来 寻找 键 / 值 
Var current = tablel[lposition] .getHead(); //{4} 


while(current.next){ //{5} 
if (current.element.key === key){ //{6} 
return current.element .value; //1{7} 
} 
current = current.next; //{8} 


} 


/ /检查 元 素 在 链表 第 一 个 或 最 后 一 个 节点 的 情况 
if (current.element.key === key){ //{9} 
return current.element .value; 
} 
} 
return undefined; //{10} 
} 
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我 们 要 做 的 第 一 个 验证 ， 是 确定 在 特定 的 位 置 上 是 否 有 元 素 存在 ( 行 {3} )。 如 果 没 有 ， 则 
返回 一 个 undefineq 表 示 在 HashTable 实 例 中 没有 找到 这 个 值 ( 行 110} )。 如 果 在 这 个 位 置 上 有 
值 存 在 ， 我 们 知道 这 是 一 个 LinkeqaList 实 例 。 现 在 要 做 的 是 遍历 这 个 链表 来 寻找 我 们 需要 的 元 
素 。 在 遍历 之 前 先 要 获取 链表 表 头 的 引用 〈 行 14} )， 然 后 就 可 以 从 链表 的 头 部 遍历 到 尾部 〈 行 


{5}，current .next 将 会 是 nul1l )。 

















Node 链 表 包 含 next 指 针 和 element 属 性 。 而 element 属性 又 是 valuePaitr 的 实例 ， 所 以 它 
又 有 value 和 kevy 属 性 。 可 以 通过 current .element .key 来 获得 Node 链 表 的 key 属 性 ， 并 通过 
比较 它 来 确定 它 是 否 就 是 我 们 要 找 的 键 ( 行 {6} )。( 这 就 是 要 使 用 valuePair 这 个 辅助 类 来 存储 
元 素 的 原因 。 我 们 不 能 简单 地 存储 值 本 身 ， 这 样 就 不 能 确定 哪个 值 对 应 着 特定 的 键 。 ) 如 果 key 
值 相同 ,就 返回 Node 的 值 ( 行 {7} ); 如 果 不 相 同 ， 就 继续 遍历 链表 ,访问 下 一 个 节点 ( 行 {8} )。 


如 果 要 找 的 元 素 是 链表 的 第 一 个 或 最 后 一 个 节点 ,那么 就 不 会 进入 while 循 环 的 内 部 。 因 此， 
需要 在 行 {9} 人 处 理 这 种 特殊 的 情况 。 

(3) remove 方 法 
使 用 分 离 链 接 法 从 HashTable 实 例 中 移 除 一 个 元 素 和 之 前 在 本 章 实 现 的 remove 方 法 有 一 些 
不 同 。 现 在 使 用 的 是 链表 ， 我 们 需要 从 链表 中 移 除 一 个 元 素 。 来 看 看 remove 方 法 的 实现 : 


this.remove = function(key)t{ 
Var position = loseloseHashCode (key); 













































































if (table[position] !== undefined)t{ 


var current = table[position]l .getHead(); 
while(current .next) { 
if (Current .element .key === key){ //{11} 
table[position] .remove(current.element); //{12} 
if (table[position] .isEmpty()){ //{13} 
table[lposition] = undefined; //{14} 
} 
return true; //{15} 
} 
current = current .next; 


} 


// 检查 是 否 为 第 一 个 或 最 后 一 个 元 素 

if (current.element.key === key){ //{16} 
table[lposition] .remove (current .element); 
if (table[position] .isEmpty()){ 

table[position] = undefined; 

} 
return true; 

} 

} 


return false; //{17} 
上 
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在 remove 方 法 中 , 我 们 使 用 和 get 方 法 一 样 的 步 又 找到 要 找 的 元 素 。 遍历 LinkedList 实 例 
时 ， 如 果 链 表 中 的 current 元 素 就 是 要 找 的 元 素 ( 行 {11} )， 使 用 remove 方 法 将 其 从 链表 中 移 
除 。 然 后 进行 一 步 额 外 的 验证 :如果 链表 为 空 了 ( 行 {13} 一 一 链表 中 不 再 有 任何 元 素 了 )， 就 将 
散 列 表 这 个 位 置 的 值 设 为 undefined ( 行 {14} ), 这 样 搜索 一 个 元 素 或 打印 它 的 内 容 的 时 候 ， 就 
可 以 跳 过 这 个 位 置 了 。 最 后 ,返回 true 表 示 这 个 元 素 已 经 被 移 除 ( 行 {15} ) 或 者 在 最 后 返回 false 
表示 这 个 元 素 在 散 列表 中 不 存在 ( 行 {17} )。 同 样 ， 需 要 和 get 方 法 一 样 ， 处 理 元 素 在 第 一 个 或 
最 后 一 个 的 情况 ( 行 {16} )。 


重 写 了 这 三 个 方法 后 ， 我 们 就 拥有 了 一 个 使 用 了 分 离 链接 法 来 处 理 冲突 的 HashMap 实 例 。 
2. 线性 探查 


男 一 种 解决 冲突 的 方法 是 线性 探查 。 当 想 向 表 中 某 个 位 置 加 入 一 个 新 元 素 的 时 候 , 如果 索引 
为 Index 的 位 置 已 经 被 占据 了 ， 就 尝试 index+1 的 位 置 。 如 果 index+1 的 位 置 也 被 占据 了 ， 就 尝试 
index+2 的 位 置 ， 以 此 类 推 。 



































@ put 方 法 


让 我 们 继续 实现 需要 重 写 的 三 个 方法 。 第 一 个 是 put 方 法 : 





this.put = function(key, value)t{ 
var position = loseloseHashCode (key); // {1} 


if (table[position] == undefined) { // {2} 
table[position] = new ValuePair(key, value); // {3} 
} else { 
Var index = ++position; // {4} 
while (table[index] != undefined){ // {5} 
index++; // {6} 
} 
table[index] = new ValuePair(key, value); // {7} 
} 
} 
和 之 前 一 样 ， 先 获得 由 散 列 函数 生成 的 位 置 ( 行 11} )， 然 后 验证 这 个 位 置 是 否 有 元 素 存 在 
( 如 果 这 个 位 置 被 占据 了 ， 将 会 通过 行 {2} 的 验证 )。 如 果 没 有 元 素 存 在 ， 就 在 这 个 位 置 加 入 新 元 
素 ( 行 {3} 一 一 一 个 ValuePair 的 实例 )。 


如 果 这 个 位 置 已 经 被 占据 了 ， 需 要 找到 下 一 个 没有 被 占据 的 位 置 (position 的 值 是 
undefined ), 因此 我 们 声明 一 个 index 变 量 并 赋值 为 position+1( 行 {4} 一 一 在 变量 名 前 使 用 
自 增 运算 符 ++ 会 先 递 增 变量 值 然 后 再 将 其 赋值 给 index )。 然 后 验证 这 个 位 置 是 否 被 占据 ( 行 
{5} )， 如 果 被 占据 了 ， 继 续 将 indqex 递 增 ( 行 15} )， 直 到 找到 一 个 没有 被 占据 的 位 置 。 然 后 要 
做 的 ， 就 是 将 值 分 配 到 这 个 位 置 ( 行 {7} )。 
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在 一 些 编程 语言 中 , 我 们 需要 定义 数组 的 大 小 。 如 果 使 用 线性 探查 的 话 ， 需 
要 注意 的 一 个 问题 是 数组 的 可 用 位 置 可 能 会 被 用 完 。 在 JavaScript 中 ， 我 们 不 需 
要 担心 这 个 问题 ,因为 我 们 不 需要 定义 数组 的 大 小 , 它 可 以 根据 需要 自动 改变 大 





小 





如 果 再 次 执行 7.2.4 节 中 插入 数据 的 代码 ， 


这 是 JavaScript 内 置 的 一 个 功能 。 























下 图 展示 使 用 了 线性 探查 的 散 列表 的 最 终结 果 : 



























































散 列表 
Ee 
[5] Jonathan | jonathan(@email.com 
[6] Jamie | jamie(@email.com 
[7 Sue | sue(@email.com 
Lia 
[10 Nathan | nathan(@email.com 
| 
[13 Donnie | donnie(@email.com 
[14 Ana | ana(@email.com 
[Ses 
[16 Tyrion | tyrion(@email.com 
[17 Aaron | aaron(Wemail.com 
[18 
[19 Gandalf | gandalf(Wemail.com 
[...] 
[19 John | johnsnow(@email.com 
[ssl 











让 我 们 来 模拟 一 下 散 列 表 中 的 插入 操作 。 























(1) 试 着 插入 Gandalf。 它 的 散 列 值 是 19， 
在 这 里 插入 数据 。 

















由 于 散 列 表 刚 刚 被 创建 ， 位 置 19 还 是 空 的 一 一 可 以 








(2) 试 着 在 位 置 29 插 入 John。 它 也 是 空 的 ， 所 以 可 以 捅 和 人 这 个 姓名 。 





(3) 试 着 在 位 置 16 插 入 Tyrion。 它 是 空 的 ， 
(4) 试 着 插入 Aaron， 它 的 散 列 值 也 是 16。 
为 position+1 的 位 置 (16+1 )。 位 置 17 是 空 的 ， 





























所 以 可 以 插入 这 个 姓名 。 
位 置 16 已 经 被 Tyrion 占 据 了 ， 所 以 需要 检查 索引 值 
所 以 可 以 在 位 置 17 插 入 Aaron。 








(5) 接着 ， 试 着 在 位 置 13 插 入 Donnie。 它 是 空 的 ， 所 以 可 以 插入 这 个 姓名 。 
(6) 想 在 位 置 13 插 入 Ana， 但 是 这 个 位 置 被 占据 了 。 因 此 在 位 置 14 进 行 尝试 ， 它 是 空 的 ， 所 
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以 可 以 在 这 里 插入 姓名 。 

(7) 然后 ， 在 位 置 $ 插 入 Jonathan， 这 个 位 置 是 空 的 ， 所 以 可 以 插入 这 个 姓名 。 

(8) 试 着 在 位 置 $ 插 入 Jamie， 但 是 这 个 位 置 被 占 了 。 所 以 跳 至 位 置 6， 这 个 位 置 是 空 的 ， 因 此 
可 以 在 这 个 位 置 插入 姓名 。 

(9) 试 着 在 位 置 $ 搬 和 人 Sue， 但 是 位 置 被 占据 了 。 所 以 跳 至 位 置 6， 但 也 被 占 了 。 接 着 跳 至 位 置 
7， 这 里 是 空 的 ， 所 以 可 以 在 这 里 搬入 姓名 。 以 此 类 推 。 


@ get 方 法 
现在 插入 了 所 有 的 元 素 ， 让 我 们 实现 get 方 法 来 获取 它们 的 值 吧 : 


this.get = function(key) { 
var position = loseloseHashCode (key); 







































































if (table[position] !== undefined){ //{8} 
if (table[position] .key === key) { //{9} 
return table[lposition] .value; //{10} 
} else { 
Var index = ++position; 
while (table[index] === undefined 
|| table[index] .key !== key){ //{11} 
index++; 
} 
if (table[index] .key === key) { //{12} 


return table[lindex] .value; //{13} 
} 
} 
} 
return undefined; //{14} 
人 
要 获得 一 个 键 对 应 的 值 ， 先 要 确定 这 个 键 存在 ( 行 {8} )。 如 果 这 个 键 不 存在 ， 说 明 要 查找 
的 值 不 在 散 列表 中 ， 因 此 可 以 返回 undefined ( 行 {14} )。 如 果 这 个 键 存 在 ,需要 检查 我 们 要 找 
的 值 是 否 就 是 这 个 位 置 上 的 值 ( 行 {9} )。 如 果 是 ， 就 返回 这 个 值 ( 行 {10} )。 
如 果 不 是 , 就 在 散 列 表 中 的 下 一 个 位 置 继续 查找 , 直到 找到 一 个 键 值 与 我 们 要 找 的 键 值 相同 
的 元 素 ( 行 {11} )。 然 后 ， 验 证 一 下 当前 项 就 是 我 们 要 找 的 项 ( 行 {12} 一 一 只 是 为 了 确认 一 下 ) 
并 且 将 它 的 值 返回 〈 行 113} )。 


我 们 无 法 确定 要 找 的 元 素 实际 上 在 哪个 位 置 ， 这 就 是 使 用 valuePair 来 表示 HashTable 元 
素 的 原因 。 


































































































@ remove 方 法 


remove 方 法 和 get 方 法 基本 相同 , 不 同 之 处 在 于 行 f10} 和 {13}, 它们 将 会 由 下 面 的 代码 代替 : 


table[index] = undefined; 
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要 移 除 一 个 元 素 , 只 需要 给 其 赋值 为 undaefineq, 来 表示 这 个 位 置 不 再 被 占据 并 且 可 以 在 必 





要 时 接受 一 个 


7.2.5 创建 





新 元 素 。 


更 好 的 散 列 函数 




















我 们 实现 的 “lose lose” 散 列 函 数 并 不 是 一 个 表现 良好 的 散 列 函数 ， 因 为 它 会 产生 太 多 的 冲 
突 。 如 果 我 们 使 用 这 个 函数 的 话 , 会 产生 各 种 各 样 的 冲突 。 一 个 表现 良好 的 散 列 函数 是 由 儿 个 方 
面 构成 的 : 插入 和 检索 元 素 的 时 间 ( 即 性 能 )， 当 然 也 包括 较 低 的 冲突 可 能 性 。 我 们 可 以 在 网 上 
找到 一 些 不 同 的 实现 方法 ,或 者 也 可 以 实现 自己 的 散 列 函数 。 


男 一 个 可 以 实现 的 比 “lose lose” 更 好 的 散 列 函数 是 djb2: 





























var djb2HashCode = function (key) { 
var hash = 5381; //{1} 
for (var i = 0; i < key.length; i++) { //{2} 


hash 
} 
return 


}; 


= hash * 33 + key.charCodeAt (i); //{3} 


hash % 1013; //{4} 


它 包括 初始 化 一 个 hash 变 量 并 赋值 为 一 个 质数 ( 行 {1} 一 一 大 多 数 实 现 都 使 用 5381 )， 然 后 


迭代 参数 key( 行 





{2} ), 将 hash 与 33 相 乘 ( 用 来 当 作 一 个 魔力 数 ), 并 和 当前 迭代 到 的 字符 的 ASCII 


码 值 相 加 ( 行 {3} )。 


最 后 , 我 人 


] 将 使 用 相 加 的 和 与 男 一 个 随机 质数 ( 比 我 们 认为 的 散 列表 的 大 小 要 大 一 一 在 本 例 


中 ， 我 们 认为 散 列表 的 大 小 为 1000 ) 相 除 的 余数 。 
如 果 再 次 执行 7.2.4 节 中 插 和 人 数据 的 代码 ， 这 将 是 使 用 ajb2Hashcode 人 代替 loseloseHash 




















Code 的 最 终结 果 : 
798 - Gandalf 
838 - John 
624 - Tyrion 
215 - Aaron 
278 - Donnie 
925 - Ana 
288 - Jonathan 
962 - Jamie 
502 - Sue 
804 - Mindy 
54 - Paul 


223 - Nathan 


没有 冲突 ! 








这 并 不 是 最 好 的 散 列 函 数 ， 但 这 是 最 受 社区 推崇 的 散 列 函数 之 一 。 
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6&3 也 有 一 些 为 数字 键 值 准备 的 散 列 函 数 ， 你 可 以 在 http://goo.g/VidN2x 找 到 一 
系列 的 实现 。 


7.3 ES6 一 一 Map 类 


ECMAScript 2015 新 增 了 Map 类 。 我 们 可 以 基于 Es6 的 Map 类 开发 我 们 的 Dictionary 类 。 


关于 ECMAScript 6 的 Map 类 的 实现 细节 ， 请 查阅 https://developer.mozilla. 
0 org/en-US/docs/Web/JavaScript/Reference/Global Objects/Map (或 http://goo.gl/dm8 
VP6 ), 
我 们 看 看 原生 的 Map 类 怎 么 用 。 




















还 是 用 我 们 原来 测试 Dictionary 类 的 例子 : 


var map = new Map(); 


map.set('Gandalf', 'gandalf@email.com'); 
map.set('John', 'johnsnow@email.com'); 
map.set('Tyrion', 'tyrion@email.com'); 


console.log(map.has('Gandalf')); // 输 出 true 

console.1log (map.size); // 输 出 3 

console.log (map.kKeys()); // 输 出 ["Gandalf", "John", "Tyrion"] 
console.log(map.values()); // 输 出 ["gandalf@email.com", 
"johnsnow@email.com", "tyrion@email.com"] 
console.log(map.get ('Tyrion')); // 输 出 tyrion@email.com 


和 我 们 的 Dictionary 类 不 同 , ES6 的 Map 类 的 values 方 法 和 keys 方 法 都 返回 Iterator( 第 
2 章 提 到 过 )， 而 不 是 值 或 键 构成 的 数组 。 另 一 个 区 别 是 ， 我 们 实现 的 size 方 法 返回 字典 中 存储 
的 值 的 个 数 ， 而 ES6 的 Map 类 则 有 一 个 size 属 性 。 


删除 map 中 的 元 素 可 以 用 delete 方 法 : 























map.delete('John'); 


clear 方 法 会 重 置 map 数 据 结 构 ， 这 跟 我 们 在 Dictionary 类 里 实现 的 一 样 。 





7.4 ES6 一 一 WeakMap 类 和 WeakSet 类 


除了 set 和 Map 这 两 种 新 的 数据 结构 ，ES6 还 增加 了 它们 的 弱化 版 本 ，weakset 和 WeakMap。 
基本 上 ，Map 和 Set 与 其 弱化 版 本 之 间 仅 有 的 区 别 是 : 


口 WeakSet 或 Ww akMap 类 没有 ntries、 k ys 和 values 等 方法 ; 
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口 只 能 用 对 象 作 为 键 。 


创建 和 使 用 这 两 个 类 主要 是 为 了 性 能 。WweakSset 和 weakMap 是 弱化 的 ( 用 对 象 作为 键 )， 没 
有 强 引用 的 键 。 这 使 得 JavaScript 的 垃圾 回收 器 可 以 从 中 清除 整个 人 口 。 


另 一 个 优点 是 ， 必 须 用 键 才 可 以 取出 值 。 这 些 类 没有 entries 、keys 和 values 等 欠 代 器 方 
法 , 因此 , 除非 你 知道 键 , 否则 没有 办 法 取出 值 。 这 印证 了 我 们 在 第 3 章 的 做 法 , 即使 用 weakMap 
类 封装 ES6 类 的 私有 属性 。 


使 用 weakMap 类 的 例子 如 下 : 


















































Var map = new WeakMap (); 


Var obl = {name:'Gandalf'}, //{1} 
ob2 = {name: 'John'}, 
ob3 = {name: 'Tyrion'}; 


map.set (obl, 'gandalf@email.com'); //{2} 
map.set (ob2, 'johnsnow@email.com'); 
map.set (ob3, 'tyrion@email.com'); 


console.log(map.has (opbl)); //{3} 输出 true 

console.log(map.get (ob3)); //{4} 输出 Lyrion@email.com 

map.delete(ob2); //{5} 

WeakMap 类 也 可 以 用 set 方 法 ,但 不 能 使 用 数字 、 字 符 串 、 布 尔 值 等 基本 数据 类 型 ,需要 将 
名 字 转 换 为 对 象 ( 行 {1} 和 行 {2} )。 

搜索 ( 行 {(3} )、 读 取 ( 行 {4} ) 和 删除 值 ( 行 {5} )， 也 要 传人 作为 键 的 对 象 。 


同样 的 逻辑 也 适用 于 weakset 类 。 





一 





7.5 小结 
在 本 章 中 , 我 们 学 习 了 字典 的 相关 知识 ， 了解 了 如 何 添加 、 移 除 和 获取 元 素 以 及 其 他 的 一 些 
方法 。 我 们 还 了 解 了 字典 和 集合 的 不 同 之 处 。 


我 们 也 学 习 了 散 列 运算 ,怎样 创建 一 个 散 列表 (或 者 说 散 列 映 射 ) 数据 结构 ， 如 何 添加 、 移 
除 和 获取 元 素 , 以 及 如 何 创建 散 列 函数 。 我 们 学 习 了 怎样 使 用 两 种 不 同 的 方法 解决 散 列 表 中 的 冲 


突 问题 。 





我 们 还 介绍 了 如 何 使 用 ES6 的 Map、weakMap 和 weakSet 类 。 


在 下 一 章 中 ,我 们 将 学 习 一 种 新 的 数据 结构 一 一 树 。 








图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


树 











到 目前 为 止 , 本 书 介绍 了 一 些 顺 序数 据 结构 ,介绍 的 第 一 个 非 顺序 数据 结构 是 散 列 表 。 在 本 
， 我 们 将 要 学 习 男 一 种 非 顺 序数 据 结构 一 一 树 ， 它 对 于 存储 需要 快速 查找 的 数据 非常 有 用 。 


本 音 内 容 包 括 : 


口 树 的 相关 术语 
口 创建 树 数据 结构 
口 树 的 遍历 

口 添加 和 移 除 节点 
口 AVIL 树 


莉 








8.1 树 数 据 结 构 


树 是 一 种 分 层 数据 的 抽象 模型 。 现实 生活 中 最 常见 的 树 的 例子 是 家 谱 , 或 是 公司 的 组 织 架 构 
图 ， 如 下 图 所 示 : 















销售 副 总 裁 
默认 名 
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8.2 树 的 相关 木 语 


一 个 树 结构 包含 一 系列 存在 父子 关系 的 节点 。 每 个 节点 都 有 一 个 父 节点 (除了 顶部 的 第 一 个 
节点 ) 以 及 零 个 或 多 个 子 节点 : 





第 0 层 














位 于 树 顶部 的 节点 叫 作 根 节 点 (11 )。 它 没有 父 节 点 。 树 中 的 每 个 元 素 都 叫 作 节点 ， 节 点 分 
为 内 部 节点 和 外 部 节点 。 至 少 有 一 个 子 节点 的 节点 称 为 内 部 节点 (7、5、9、15、13 和 20 是 内 部 
节点 )。 没 有 子 元 素 的 节点 称 为 外 部 节点 或 叶 节 点 (3、6、8、10、12、14、18 和 25 是 叶 节 点 )。 


一 个 节点 可 以 有 祖先 和 后 代 。 一 个 节点 (除了 根 节点 ) 的 祖先 包括 父 节 点 、 祖 父 节 点 、 曾 祖 
父 节 点 等 。 一 个 节点 的 后 代 包 括 子 节点 、 孙 子 节点 、 曾 孙 节 点 等 。 例 如 ， 节 点 5 的 祖先 有 节点 7 
和 节点 11， 后 代 有 节点 3 和 节点 6。 

有 关 树 的 另 一 个 术语 是 子 树 。 子 树 由 节点 和 它 的 后 代 构 成 。 例 如 ,节点 13 、12 和 14 构 成 了 上 
图 中 树 的 一 棵 子 树 。 

节点 的 一 个 属性 是 深度 ， 节 点 的 深度 取决 于 它 的 祖先 节点 的 数量 。 比 如 ， 节 点 3 有 3 个 祖先 节 
点 (5、7 和 11 )， 它 的 深度 为 3。 

树 的 高 度 取决 于 所 有 节点 深度 的 最 大 值 。 一 棵 树 也 可 以 被 分 解 成 层级 。 根 节点 在 第 0 层 ， 它 
的 子 节点 在 第 1 层 ， 以 此 类 推 。 上 图 中 的 树 的 高 度 为 3 ( 最 大 高 度 已 在 图 中 表示 一 一 第 3 层 )。 


现在 我 们 知道 了 与 树 相 关 的 一 些 最 重要 的 概念 ， 下 面 来 学 习 更 多 有 关 树 的 知识 。 






























































8.3 二叉树 和 二 义 搜 索 树 


二 叉 树 中 的 节点 最 多 只 能 有 两 个 子 节 点 : 一 个 是 左 侧 子 节点 ， 另 一 个 是 右 侧 子 节点 。 这 些 定 
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义 有 助 于 我 们 写 出 更 高 效 的 向 /从 树 中 插入 、 查 找 和 删除 节点 的 算法 。 二 叉 树 在 计算 机 科学 中 的 
应 用 非常 广泛 。 























二 又 搜索 树 (BST ) 是 二 又 树 的 一 种 , 但 是 它 只 允许 你 在 左 侧 节点 存储 ( 比 父 节 点 ) 小 的 值 ， 
在 右 侧 节 点 存储 ( 比 父 节 点 ) 大 (或 者 等 于 ) 的 值 。 上 一 节 的 图 中 就 展现 了 一 棵 二 又 搜索 树 。 


二 又 搜索 树 将 是 我 们 在 本 章 中 要 研究 的 数据 结构 。 









































8.3.1 创建 BinarySearchTree 类 








让 我 们 开始 创建 自己 的 BinarySearchTree 类 。 首 先 ， 声 明 它 的 结构 : 
function BinarySearchTree() { 


var Node = function(key){ //{1} 
this.key = key; 

this.left = null; 

this.right = null; 





J 


Var root = null; //{2} 


} 
下 图 展现 了 二 又 搜索 树 数据 结构 的 组 织 方式 : 











节点 








null null null null null null null null 








和 链表 一 样 ， 将 通过 指针 来 表示 节点 之 间 的 关系 ( 术语 称 其 为 边 )。 在 双向 链表 中 ， 每 个 节 
点 包含 两 个 指针 , 一 个 指向 下 一 个 节点 , 男 一 个 指向 上 一 个 节点 。 对 于 树 , 使 用 同样 的 方式 (也 
使 用 两 个 指针 ),。 但 是 ,一 个 指向 左 侧 子 节点 ， 男 一 个 指向 右 侧 子 节 点 。 因 此 ， 将 声明 一 个 Node 
类 来 表示 树 中 的 每 个 节点 ( 行 {1} )。 值 得 注意 的 一 个 小 细节 是 ， 不 同 于 在 之 前 的 章节 中 将 节点 
本 身 称 作 节点 或 项 ， 我 们 将 会 称 其 为 键 。 键 是 树 相 关 的 术语 中 对 节点 的 称呼 。 
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我 们 将 会 遵循 和 LinkedList 类 中 相同 的 模式 (第 5 章 )， 这 表示 也 将 声明 一 个 变量 以 控制 此 
数据 结构 的 第 一 个 三 点 。 在 树 中 ， 它 不 再 是 头 节 点 ， 而 是 根 元 素 ( 行 {2} )。 


然后 ， 我 们 需要 实现 一 些 方法 。 下 面 是 将 要 在 树 类 中 实现 的 方法 。 


口 insert (key) : 问 树 中 插入 一 个 新 的 键 。 
口 search (key) : 在 树 中 查找 一 个 键 ， 如 果 节 点 存在 ， 则 返回 true; 如 果 不 存在 ， 则 返回 
falSeo 

口 jnorderTraverse: 通过 中 序 遍 历 方式 遍历 所 有 节点 。 

口 breorderTraverse: 通过 先 序 遍历 方式 遍历 所 有 节点 。 

口 postorderTraverse: 通过 后 序 遍 历 方式 遍历 所 有 节点 。 

D min: 返回 树 中 最 小 的 值 / 键 。 
口 max: 返回 树 中 最 大 的 值 / 键 。 
口 remove (key) : 从 树 中 移 除 某 个 键 。 


我 们 将 在 后 面 的 小 节 中 实现 每 个 方法 。 
















































































8.3.2 ”向 树 中 插入 一 个 键 


本 章 要 实现 的 方法 会 比 前 几 章 实 现 的 方法 稍微 复杂 一 些 。 我 们 将 会 在 方法 中 使 用 很 多 递归 。 
如 果 你 对 递归 还 不 熟悉 的 话 ， 请 先 参考 11.1 节 。 


下 面 的 代码 是 用 来 向 树 插 人 一 个 新 键 的 算法 的 第 一 部 分 : 





























this.insert = function(key)t{ 





Var newNode = new Node(key); //{1} 


二 下 {ot Sse DL 
root = newNode; 
} else { 


insertNode (root,newNode); //{3} 
} 
过 


要 疝 树 中 插入 一 个 新 的 节点 (或 项 )， 要 经 历 三 个 步骤 。 
第 一 步 是 创建 用 来 表示 新 节点 的 Node 类 实例 ( 行 {1} )。 只 需要 向 构 造 函 数 传递 我 们 想 用 来 
插入 树 的 节点 值 ， 它 的 左 指针 和 右 指 针 的 值 会 由 构造 函数 自动 设置 为 nu11。 


第 二 步 要 验证 这 个 插入 操作 是 否 为 一 种 特殊 情况 。 这 个 特殊 情况 就 是 我 们 要 插入 的 节点 是 树 
的 第 一 个 节点 ( 行 {2} )。 如 果 是 ， 就 将 根 节 点 指向 新 节点 。 
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第 三 步 是 将 节点 加 在 非 根 节点 的 其 他 位 置 。 这 种 情况 下 , 需要 一 个 私有 的 辅助 函数 ( 行 {3} )， 
基数 定义 如 下 : 





Var insertNode = function(node，newNode){ 
if (newNode.key < node.key){ //{4} 


if (node.left === null)f{ //{5} 
node.left = newNode; //{6} 
} else { 


insertNode (node.left, newNode); //{7} 
} 


} else { 
if (node.right === null){ //{8} 
node.right = newNode; //{9} 
} else { 


insertNode (node.right, newNode); //{10} 
} 
3 
六 


insertNode 困 数 会 帮助 我 们 找到 新 节点 应 该 插入 的 正确 位 置 。 下 面 是 这 个 函数 实现 的 步骤 。 


口 如 果树 非 空 ， 需 要 找到 搬 和 人 新 节点 的 位 置 。 因 此 , 在 调用 insertNode 方 法 时 要 通过 参数 

传人 树 的 根 节 点 和 要 搬入 的 节点 。 

口 如 果 新 节点 的 键 小 于 当前 节点 的 键 (现在 ， 当 前 节点 就 是 根 节 点 ) ( 行 {4} ), 那么 需要 检 
查 当前 节点 的 左 侧 子 节点 。 如 果 它 没有 左 侧 子 节点 〈 行 15} )， 就 在 那里 插入 新 的 节点 。 
如 果 有 左 侧 子 节点 , 需要 通过 递归 调用 insertNogde 方 法 ( 行 17} ) 继续 找到 树 的 下 一 层 。 
在 这 里 ， 下 次 将 要 比较 的 节点 将 会 是 当前 节点 的 左 侧 子 节点 。 

口 如 果 节 点 的 键 比 当前 节点 的 键 大 ， 同 时 当前 节点 没有 右 侧 子 节点 〈 行 18} )， 就 在 那里 插 

入 新 的 节点 ( 行 {9} )。 如 果 有 右 侧 子 节点 ， 同 样 需要 递归 调用 insertNode 方 法 , 但 是 要 

用 来 和 新 节点 比较 的 节点 将 会 是 右 侧 子 节点 。 


让 我 们 通过 一 个 例子 来 更 好 地 理解 这 个 过 程 。 
考虑 下 面 的 情景 : 我 们 有 一 个 新 的 树 ， 并 且 想 要 向 它 搬 和 人 第 一 个 值 。 



























































Var tree = new BinarySearchTree(); 
tree.insert (11); 


这 种 情况 下 ， 树 中 有 一 个 单独 的 节点 ， 根 指针 将 会 指向 它 。 源 代码 的 行 {2} 将 会 执行 。 
现在 , 来 考虑 下 图 所 示 树 结构 的 情况 : 
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有 


同时 我 们 想 要 插入 一 个 值 为 6 的 键 ， 执 行 下 面 的 代码 ; 8 


























创建 上 图 所 示 的 树 的 代码 如 下 ， 它 们 接着 上 面 一 段 代 码 (插入 了 键 为 11 的 节点 ) 之 后 输入 





tree.insert (6); 
下 面 的 步骤 将 会 被 执行 。 
(1) 树 不 是 空 的 ， 行 {3} 的 代码 将 会 执行 。insertNode 方 法 将 会 被 调用 ( root ，key[6] )。 


(2) 算法 
































各 会 检测 行 14》 ( key[6] < root [11] 为 真 )， 并 继续 检测 行 15} (node.left1[7] 





不 是 null )， 然 后 将 到 达 行 {7} 并 调用 insertNode (noqe.left[7]，key[6] )。 


























(3) 将 再 次 进入 insertNode 方 法 内 部 , 但 是 使 用 了 不 同 的 参数 。 它 会 再 次 检测 行 {4}( key [61 
node [7] 为 真 )， 然 后 再 检测 行 {5} (nodae.left[5] 不 是 null )， 接 着 到 达 行 {7}， 调 用 























insertNode (node.left[5], key[6] )。 

(4) 将 再 一 次 进入 insertNode 方 法 内 部 。 它 会 再 次 检测 行 {4} ( key[6] < node[5] 为 假 )， 
然后 到 达 行 {8} (node.right 是 nu1ll1 一 一 节点 5 没有 任何 右 侧 的 子 节点 ), 然后 将 会 执行 行 {9}， 
在 节点 5 的 右 侧 子 节点 位 置 插入 键 6。 
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(5) 然后 ， 方 法 调用 会 依次 出 栈 ， 代 码 执行 过 程 结束 。 
这 是 插入 键 6 后 的 结果 : 


























8.4 树 的 遍历 


遍历 一 棵 树 是 指 访问 树 的 每 个 节点 并 对 它们 进行 某 种 操作 的 过 程 。 但 是 我 们 应 该 怎么 去 做 
呢 ? 应 该 从 树 的 顶端 还 是 底 端 开始 呢 ? 从 左 开始 还 是 从 右 开 始 呢 ? 访问 树 的 所 有 节点 有 三 种 方 
式 : 中 序 、 先 序 和 后 序 。 


在 后 面 的 小 节 中 ， 我 们 将 会 深入 了 解 这 三 种 遍历 方式 的 用 法 和 实现 。 




















8.4.1 中 序 遍 历 


中 序 遍 历 是 一 种 以 上 行 顺序 访问 BST 所 有 节点 的 遍历 方式 ,也 就 是 以 从 最 小 到 最 大 的 顺序 访 
问 所 有 节点 。 中 序 遍 历 的 一 种 应 用 就 是 对 树 进行 排序 操作 。 我 们 来 看 它 的 实现 : 























this.inOrderTraverse = function(callbacKk){ 
inOrderTraverseNode (root, callback); //{1} 
}; 
inOrderTraverse 方 法 接收 一 个 回调 函数 作为 参数 。 回 调 函 数 用 来 定义 我 们 对 遍历 到 的 每 
个 节点 进行 的 操作 (这 也 叫 作 访 问 者 模式 ， 要 了 解 更 多 关于 访问 者 模式 的 信息 ， 请 参考 http://en. 
wikipedia.org/wiki/Visitor_pattern )。 由 于 我 们 在 BST 中 最 常 实现 的 算法 是 递归 ， 这 里 使 用 了 一 个 
私有 的 辅助 函数 ， 来 接收 一 个 节点 和 对 应 的 回调 函数 作为 参数 ( 行 {1} )。 


























Var inOrderTraverseNode = function (node, callback) { 
if (node !== null) { //{2} 
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inOrderTraverseNode (node.left, callback); //{3} 
callback (node.key); //{4} 
inOrderTraverseNode (node.right, callback); //{5} 
} 
> 
要 通过 中 序 遍 历 的 方法 遍历 一 棵 树 ， 首 先 要 检查 以 参数 形式 传人 的 节点 是 否 为 nul1 (这 就 
是 停止 递归 继续 执行 的 判断 条 件 一 一 行 {2} 一 一 递归 算法 的 基本 条 件 )。 


然后 ， 递 归 调 用 相同 的 函数 来 访问 左 侧 子 节点 〈 行 13} )。 接 着 对 这 个 节点 进行 一 些 操作 
(callback )， 然 后 再 访问 右 侧 子 节点 〈 行 15} )。 
我 们 试 着 在 之 前 展示 的 树 上 执行 下 面 的 方法 : 


function printNode(value){ //{6} 
console.log(value); 
} 
tree.inOrderTraverse (printNode); //1{7} 
但 首先 ， 需要 创建 一 个 回调 函数 ( 行 {6} )。 我 们 要 做 的 ， 是 在 浏览 器 的 控制 台 上 输出 节点 
的 值 。 然 后 ， 调 用 inorderTraverse 方 法 并 将 回调 函数 作为 参数 传人 ( 行 {7} )。 当 执行 上 面 的 
代码 后 ， 下 面 的 结果 将 会 在 控制 台 上 输出 ( 每 个 数字 将 会 输出 在 不 同 的 行 ): 


35678910 11 12 13 14 15 18 20 25 


下 面 的 图 描绘 了 inordqerTraverse 方 法 的 访问 路 径 : 



















































































8.4.2 ” 先 序 遍 历 


先 序 遍历 是 以 优先 于 后 代 节 点 的 顺序 访问 每 个 节点 的 。 先 序 遍 历 的 一 种 应 用 是 打印 一 个 结构 
化 的 文档 。 
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Ny Na 2 

我 们 来 看 实现 : 

this.preOrderTraverse = function(callback){ 
preOrderTraverseNode (root, callback); 


> 


preOrderTraverseNode 方 法 的 实现 如 下 : 





var preOrderTraverseNode = function (node, callback) { 
if (node !== null) { 
callback (node.key); //{1} 
preOrderTraverseNode (node.left, callback); //{2} 
preOrderTraverseNode (node.right, callback); //{3} 
} 
} 四 


先 序 遍历 和 中 序 遍 历 的 不 同 点 是 ， 先 序 遍 历 会 先 访问 节点 本 身 ( 行 {1} )， 然 后 再 访问 它 的 
左 侧 子 节点 ( 行 {2} ), 最 后 是 右 侧 子 节 点 ( 行 {3} ), 而 中 序 遍历 的 执行 顺序 是 : {2}、{1} 和 {3}。 














下 面 是 控制 台 上 的 输出 结果 ( 每 个 数字 将 会 输出 在 不 同 的 行 ): 


1175369810 15 13 12 14 20 18 25 





下 面 的 图 描绘 了 preorderTraverse 方 法 的 访问 路 径 : 

















8.4.3 ”后 序 遍历 


后 序 遍 历 则 是 先 访问 节点 的 后 代 节 点 , 再 访问 节点 本 身 。 后 序 遍 历 的 一 种 应 用 是 计算 一 个 目 
录 和 它 的 子 目 录 中 所 有 文件 所 占 空间 的 大 小 。 


我 们 来 看 它 的 实现 : 
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this.postOrderTraverse = function(callback)t{ 
postOrderTraverseNode (root, callback); 


De 





postOrderTraverseNode 方 法 的 实现 如 下 : 


Var postOrderTraverseNode = function (node, callback) { 


LE "(MGAe = lL) 水 
postOrderTraverseNode (node.left, callback); //{1} 
postOrderTraverseNode (node.right, callback); //{2} 
callback (node.key); //{3} 


} 
}3 


这 个 例子 中 ， 后 序 遍 历 会 先 访问 左 侧 子 节 点 ( 行 {1} )， 然 后 是 右 侧 子 节点 ( 行 {2} )， 最 后 
是 父 节点 本 身 ( 行 {3} )。 


你 会 发 现 ， 中 序 、 先 序 和 后 序 裔 历 的 实现 方式 是 很 相似 的 , 唯一 不 同 的 是 行 {1}、{2} 和 {3} 
的 执行 顺序 。 


下 面 是 控制 台 的 输出 结果 ( 每 个 数字 将 会 输出 在 不 同行 ): 
3658109712141318 25201511 


下 面 的 图 描绘 了 postorderTraverse 方 法 的 访问 路 径 : 












































8.5 搜索 树 中 的 值 


在 树 中 ， 有 三 种 经 常 执行 的 搜索 类 型 : 


口 搜索 最 小 值 
口 搜索 最 大 值 
口 搜索 特定 的 值 





一 
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我 们 依次 来 看 。 


8.5.1 搜索 最 小 值 和 最 大 值 
我 们 使 用 下 面 的 树 作为 示例 : 

















只 用 眼睛 看 这 张 图 ， 你 能 一 下 找到 树 中 的 最 小 值 和 最 大 值 吗 ? 

如 有 果 你 看 一 眼 树 最 后 一 层 最 左 侧 的 节点 ， 会 发 现 它 的 值 为 3， 这 是 这 棵 树 中 最 小 的 键 。 如 果 
你 再 看 一 眼 树 最 右 端 的 节点 ( 同样 是 树 的 最 后 一 层 )， 会 发 现 它 的 值 为 25， 这 是 这 棵 树 中 最 大 的 
键 。 这 条 信息 在 我 们 实现 搜索 树 节 点 的 最 小 值 和 最 大 值 的 方法 时 能 给 予 我们 很 大 的 帮助 。 

首先 ， 我 们 来 看 寻找 树 的 最 小 键 的 方法 : 


this.min = function() { 
return minNode (root); //{1} 


人 


min 方 法 将 会 暴露 给 用 户 。 这 个 方法 调用 了 minNode 方 法 ( 行 {1} ): 



































Var minNode = function (node) { 
if (nogde){ 
while (node && node.left !== null) { //{2} 
node = node.left; ZZ{B.} 


} 


return node.key; 
} 
return null; //{4} 
中 
minNode 方 法 允许 我 们 从 树 中 任意 一 个 节点 开始 寻找 最 小 的 键 。 我 们 可 以 使 用 它 来 找到 一 棵 
树 或 它 的 子 树 中 最 小 的 键 。 因 此 ， 我 们 在 调用 minNode 方 法 的 时 候 传人 树 的 根 节点 ( 行 {1} )， 
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因为 我 们 想 要 找到 整 棵 树 的 最 小 键 。 
在 minNodqe 内 部 ， 我 们 会 遍历 树 的 左边 〈 行 12} 和 行 13} ) 直到 找到 树 的 最 下 层 (最 左 端 )。 
以 相似 的 方式 ， 可 以 实现 max 方 法 : 





this.max = function() { 
return maxNode (root); 


外 


Var maxNode = function (node) { 
if (node){ 
while (node && node.right !== null) { //{5} 


node = node.right; 


} 
return node.key; 
} 
return null; 
}; 
要 找到 最 大 的 键 ， 我 们 要 沿 着 树 的 右边 进行 遍历 ( 行 {5} ) 直到 找到 最 右 端 的 节点 。 


因此 ， 对 于 寻找 最 小 值 ， 总 是 沿 着 树 的 左边 ; 而 对 于 寻找 最 大 值 ， 总 是 沿 着 树 的 右边 。 











8.5.2 ”搜索 一 个 特定 的 值 


在 之 前 的 章节 中 ， 我 们 同样 实现 了 fingd、search 或 get 方 法 来 查找 数据 结构 中 的 一 个 特定 
的 值 ( 和 之 前 章节 中 实现 的 has 方 法 相似 ) 我 们 将 同样 在 BST 中 实现 搜索 的 方法 , 来 看 它 的 实现 : 


this.search = function(key)t{ 
return searchNode(root, key); //{1} 
Dy 


Var searchNode = function(node, key)t{ 





于 二 (node sass" nL LE Zt2} 
return false; 


if (key < node.key){ //{3} 
return searchNode (node.left, key); //1{4} 


} else if (key > node.key){ //{5} 
return searchNode (node.right, key); //{6} 


} else { 
return true; //{7} 





} 
}; 


我 们 要 做 的 第 一 件 习 





， 是 声明 search 方 法 。 和 BST 中 声明 的 其 他 方法 的 模式 相同 ， 我 们 将 


ey 
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会 使 用 一 个 辅助 函数 ( 行 {1} )。 

searchNode 方 法 可 以 用 来 寻找 一 棵 树 或 它 的 任意 子 树 中 的 一 个 特定 的 值 。 这 也 是 为 什么 在 
行 {1} 中 调用 它 的 时 候 传 入 树 的 根 节点 作为 参数 。 

在 开始 算法 之 前 ， 先 要 验证 作为 参数 传人 的 node 是 否 合 法 (不 是 nu11 )。 如 果 是 nul1 的 话 ， 
说 明 要 找 的 键 没有 找到 ， 返 回 false。 

如 果 传 人 的 节点 不 是 nul11， 需 要 继续 验证 。 如 果 要 找 的 键 比 当前 的 节点 小 ( 行 {3} )， 那么 
续 在 左 侧 的 子 树 上 搜索 ( 行 {4} )。 如 果 要 找 的 键 比 当前 的 节点 大 ， 那 么 就 从 右 侧 子 节点 开始 
续 搜索 ( 行 {6} )， 否 则 就 说 明 要 找 的 键 和 当前 节点 的 键 相 等 ， 就 返回 true 来 表示 找到 了 这 个 
LE ( 行 {7} )。 

可 以 通过 下 面 的 代码 来 测试 这 个 方法 : 


console.log(tree.search(1) ? 'Key 1 found.' : 'Key 1 not found.'); 
console.log(tree.search(8) ? 'Key 8 found.' : 'Key 8 not found.'); 


输出 结果 如 下 : 




















We AS 





上 
洪 











注 








Value 1 not found. 
Value 8 found. 


让 我 们 详细 展示 查找 1 这 个 键 的 时 候 方法 是 如 何 执行 的 。 


(1) 调 用 searchNode 方 法 , 传人 根 节点 作为 参数 ( 行 {1} )。( node[root[11]1 ) 不 是 null 
( 行 {2} )， 因 此 我 们 执行 到 行 {3}。 

(2) (key[1] < node[11] ) 为 ture ( 行 {3} )， 因 此 来 到 行 14} 并 再 
方法 , 传人 (node[7]，key[1] ) 作为 参数 。 

(3) (nogde[7] ) 不 是 null ( {2} )， 因 此 继续 执行 行 {3}。 

(4) (key[1] < node[7] ) 为 ture ( 行 {(3})， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方 
法 , 传人 (node[5]，key [1] ) 作为 参数 。 

(5) (node[5] ) 不 是 nu11 ( 行 {2} )， 因 此 继续 执行 行 {3}。 

(6) (key[1] < node[5] ) 为 ture ( 行 {3})， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方 
法 , 传人 (node[3]，key [1] ) 作为 参数 。 

(7) (node[3] ) 不 是 null ( 行 {2} )， 因 此 来 到 行 {3}。 

(8) (key[1] < node[3] ) 为 真 ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方 法 ， 
传人 (null, key [1] ) 作为 参数 。nul1 被 作为 参数 传人 是 因为 node [3] 是 一 个 叶 节 点 ( 它 没有 
子 节 点 ， 所 以 它 的 左 侧 子 节点 的 值 为 nu11 )。 

(9) 节点 (null ) 的 值 为 nu11 ( 行 {2}， 这 时 要 搜索 的 节点 为 nu11 )， 因 此 返回 false。 

(10) 然后 ， 方 法 调用 会 依次 出 栈 ， 代 码 执行 过 程 结束 。 





























次 调用 searchNode 
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让 我 们 再 来 查找 值 为 8 的 节点 。 


(1) 调用 searchNode 方 法 ,传人 root 作 为 参数 ( 行 {1} )。(noaqe [root[11]] ) 不 是 nul1 
( 行 {2} )， 因 此 我 们 来 到 行 {3}。 

(2) (key[8] < node[11] ) 为 真 ( 行 {3} )， 因 此 执行 到 行 {4} 并 再 次 调用 searchNode 方 
法 , 传人 (node[7]，key[8] ) 作为 参数 。 

(3) (node[7] ) 不 是 nu11， 因 此 来 到 行 {3}。 

(4) (key[8] < node[7] ) 为 假 ( 行 {3} )， 因 此 来 到 行 {5}。 

(5) (key[8] > node[7] ) 为 真 ( 行 {5} )， 因 此 来 到 行 {6} 并 再 次 调用 searchNode 方 法 ， 
传人 (node[9]，key[8] ) 作为 参数 。 

(6) (nogde[9] ) 不 是 nul1l ( 行 {2} )， 因 此 来 到 行 {3}。 

(7) (key[8] < node[9] ) 为 真 ( 行 {3} )， 因 此 来 到 行 {4} 并 再 次 调用 searchNode 方 法 ， 
传人 (node[8]，key[8] ) 作为 参数 。 

(8) (nogde[8] ) 不 是 nu11 ( 行 {2} )， 因 此 来 到 行 {3}。 

(9) (key[8] < node[8] ) 为 假 ( 行 {3} )， 因 此 来 到 行 {5}。 

(10) (key[8] > node[8] ) 为 假 ( 行 {5} )， 因 此 来 到 行 17} 并 返回 true， 因 为 node [8] 
就 是 要 找 的 键 。 

(11) 然后 ,方法 调用 会 依次 出 栈 ， 代 码 执行 过 程 结 










































































8.5.3 移 除 一 个 节点 
我 们 要 为 BST 实 现 的 下 一 个 、 也 是 最 后 一 个 方法 是 remove 方 法 。 这 是 我 们 在 本 书 中 要 实现 
的 最 复杂 的 方法 。 我 们 先 创建 这 个 方法 ,使 它 能 够 在 树 的 实例 上 被 调用 : 























this.remove = function(key){ root = removeNode (root, key); //{1} }; 


这 个 方法 接收 要 移 除 的 键 并 且 它 调用 了 removeNode 方 法 , 传人 root 和 要 移 除 的 键 作为 参数 
( 行 {1} )。 我 要 提醒 大 家 的 一 件 非 常 重要 的 事情 是 ，root 被 赋值 为 removeNoge 方 法 的 返回 值 。 
我 们 稍 后 会 明白 其 中 的 原因 。 

removeNode 方 法 的 复杂 之 处 在 于 我 们 要 处 理 不 同 的 运行 场景 ， 当 然 也 包括 它 同样 是 通过 递 
归来 实现 的 。 


我 们 来 看 removeNode 方 法 的 实现 : 

















Var removeNode = function(node, key){ 


下 下 (noce a=e, HULLYE {2 
return null; 
} 
if (key < node.key){ //{3} 
node.left = removeNode (node.left, key); //{4} 
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return node; //{5} 

} else if (key > node.key){ //{6} 
node.right = removeNode (node.right, 
return node; //{8} 


key); 


} else { // 键 等 于 node.key 


// 第 一 种 情况 一 一 个 叶 节 点 
if (node.left 
node = null; 
return node; 


//{10} 
//{11} 
} 


// 第 二 种 情况 一 一 个 只 有 一 个 子 节点 的 节点 

if (node.left === null){ //{12} 
node = node.right; //{13} 
return node; //{14} 


} else if (node.right === null){ //{15} 
node = node.left; //{16} 
return node; //{17} 

} 


// 第 三 种 情况 一 一 个 有 两 个 子 节点 的 节点 
var aux = findMinNode (node.right); 
node.key = aux.key; //{19} 
node.right = 
return node; 
} 
4 


我 们 来 看 行 12} ， 如 果 正 在 检测 的 节点 是 nul1， 那么 


然后 ee 二 :人 作 村 
点 的 值 小 ( 
大 oe 那么 就 沿 着 树 的 右边 找到 下 一 个 节 


如 果 我 们 找到 了 要 找 的 键 ( 键 和 nodae .key 相 等 


//{18} 


//{21} 




















旺 





removeNode (node.right, aux.key); 


//1{7} 


=== null && node.right === null){ //{9} 


//{20} 





说 明 键 不 存在 于 树 中 ， 所 以 返回 nul1。 





和， 就 是 在 树 中 找到 要 移 除 的 节点 。 因 此 ， 如 果 要 找 的 键 比 当前 节 
了 了 {3} )， 就 沿 着 树 的 左边 找到 下 一 个 节点 ( 行 {4} )。 如 果 要 找 的 键 比 当前 节点 的 值 
点 ( 行 {7} )。 








findMinNode 方 法 如 下 : 


Var findMinNode = function(node)t{ 
while (node && node.left !== null) { 
node = node.1left; 
} 
return node; 


也 
1. 移 除 一 个 时 节点 


第 一 种 情况 是 该 节点 是 一 





图 灵 社 区 会 


， 就 


个 没有 左 侧 或 右 侧 子 节点 的 叶 贡 点 一 一 


需要 处 理 三 种 不 同 的 情况 。 


了 {9}。 在 这 种 情况 下 ， 我 
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们 要 做 的 就 是 给 这 个 节点 赋予 nul1 值 来 移 除 它 〈 行 19} )。 但 是 当 学 习 了 链表 的 实现 之 后 ,我们 
知道 仅仅 赋 一 个 nul1 值 是 不 够 的 ， 还 需要 处 理 指针 。 在 这 里 ， 这 个 节点 没有 任何 子 节点 ， 但 是 
它 有 一 个 父 节 点 ， 需 要 通过 返回 nul1 来 将 对 应 的 父 节 点 指针 赋予 nul1 值 ( 行 L11) )。 


现在 节点 的 值 已 经 是 nul1 了 ， 父 节点 指向 它 的 指针 也 会 接收 到 这 个 值 ， 这 也 是 我 们 要 在 函 
数 中 返回 节点 的 值 的 原因 。 父 节点 总 是 会 接收 到 函数 的 返回 值 。 另 一 种 可 行 的 办 法 是 将 父 节 点 和 
节点 本 身 都 作为 参数 传人 方法 内 部 。 

如 果 回 头 来 看 方法 的 第 一 行 代码 ， 会 发 现 我 们 在 行 L41 和 行 17} 更 新 了 节点 左右 指针 的 值 ， 
同样 也 在 行 {5} 和 行 {8} 返 回 了 更 新 后 的 节点 。 


下 图 展现 了 移 除 一 个 叶 节 点 的 过 程 : 



















































































2. 移 除 有 一 个 左 侧 或 右 侧 子 节点 的 节点 


现在 我 们 来 看 第 二 种 情况 ， 移 除 有 一 个 左 侧 子 节点 或 右 侧 子 节 点 的 节点 。 这 种 情况 下 ， 需 要 
跳 过 这 个 节点 ， 直 接 将 父 节 点 指向 它 的 指针 指向 子 节 点 。 





如 果 这 个 节点 没有 左 侧 子 节点 ( 行 {12} )， 也 就 是 说 它 有 一 个 右 侧 子 节点 。 因 此 我 们 把 对 它 
的 引用 改 为 对 它 右 侧 子 节点 的 引用 ( 行 {13} ) 并 返回 更 新 后 的 节点 ( 行 {14} )。 如 果 这 个 节点 没 
有 右 侧 子 节点 ， 也 是 一 样 一 一 把 对 它 的 引用 改 为 对 它 左 侧 子 节 点 的 引用 〈 行 16) ) 并 返回 更 新 
后 的 值 ( 行 117} )。 


下 图 展现 了 移 除 只 有 一 个 左 侧 子 节点 或 右 侧 子 节点 的 节点 的 过 程 : 
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3. 移 除 有 两 个 子 节点 的 节点 


现在 是 第 三 种 情况 , 也 是 最 复杂 的 情况 , 那 就 是 要 移 除 的 节点 有 两 个 子 节 点 一 左 侧 子 节 点 
和 右 侧 子 节点 。 要 移 除 有 两 个 子 节点 的 节点 ， 需 要 执行 四 个 步骤 。 


(1) 当 找到 了 需要 移 除 的 节点 后 ， 需 要 找到 它 右边 子 树 中 最 小 的 节点 〈 它 的 继承 者 一 一 行 
{18} )。 

(2) 然后 ， 用 它 右 侧 子 树 中 最 小 节点 的 键 去 更 新 这 个 节点 的 值 ( 行 (19} )。 通 过 这 一 步 ， 我 
们 改变 了 这 个 节点 的 键 ， 也 就 是 说 它 被 移 除 了 。 

(G3) 但是， 这 样 在 树 中 就 有 两 个 拥有 相同 键 的 节点 了 ， 这 是 不 行 的 。 要 继续 把 右 侧 子 树 中 的 
最 小 节点 移 除 ， 毕 竟 它 已 经 被 移 至 要 移 除 的 节点 的 位 置 了 ( 行 {20} )。 

(4) 最 后 ， 向 它 的 父 节点 返回 更 新 后 节点 的 引用 ( 行 {21} )。 


fingdMinNode 方 法 的 实现 和 min 方 法 的 实现 方式 是 一 样 的 。 唯 一 不 同 之 处 在 于 ， 在 min 方 法 
中 只 返回 键 ， 而 在 findqMinNode 中 返回 了 节点 。 


下 图 展现 了 移 除 有 两 个 子 节点 的 节点 的 过 程 : 














































































从 右 侧 子 树 中 
移 除 最 小 节点 
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8.6 ” 自 平衡 树 
现在 你 知道 如 何 使 用 二 又 搜索 树 了 ， 如 果 愿 意 的 话 ， 可 以 继续 去 学 习 更 多 关于 树 的 知识 。 


BST 存 在 一 个 问题 : 取决 于 你 添加 的 节点 数 ， 树 的 一 条 边 可 能 会 非常 深 ; 也 就 是 说 ， 树 的 一 
条 分 支 会 有 很 多 层 ， 而 其 他 的 分 支 却 只 有 几 展 ， 如 下 图 所 示 : 
































这 会 在 需要 在 某 条 边 上 添加 、 移 除 和 搜索 某 个 节点 时 引起 一 些 性 能 问题 为 了 解决 这 个 问题 ， 
有 一 种 树 叫 作 Adelson-Velskii-Landi 树 (AVL 树 )。AVL 树 是 一 种 自 平衡 二 又 搜索 树 ， 意 思 是 任何 
一 个 节点 左右 两 侧 子 树 的 高 度 之 差 最 多 为 1。 也 就 是 说 这 种 树 会 在 添加 或 移 除 节点 时 尽量 试 着 成 
为 一 棵 完全 树 。 











8.6.1 Adelson-Velskii-Landi 树 (AVL 树 ) 


AVL 树 是 一 种 自 平衡 树 。 添 加 或 移 除 节点 时 ，AVL 树 会 尝试 自 平 衡 。 任 意 一 个 节点 (不 论 深 
度 ) 的 左 子 树 和 右 子 树 高 度 最 多 相差 1。 添 加 或 移 除 节 点 时 ，AVL 树 会 尽 可 能 尝试 转换 为 完全 树 。 


1. 在 AVL 树 中 插入 节点 


在 AVL 树 中 插入 或 移 除 节点 和 BST 完 全 相同 。 然 而 ，AVL 树 的 不 同 之 处 在 于 我 们 需要 检验 它 
的 平衡 因子 ， 如 有 果 有 和 需要， 则 将 其 逻辑 应 用 于 树 的 自 平衡 。 











图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


138 第 8 章 树 





下 面 的 代码 是 向 AVL 树 插入 新 节点 的 例子 : 





Var insertNode = function(node, element) { 
if (node === null) { 
node = new Node (element); 
else if (element < node.key) { 
node.left = insertNode (node.left, element); 


一 


主 在 5 下旬 村 合生 二 全 下 让 下 三 三 TL { 
// 确认 是 否 需要 平衡 {1} 
else if (element > node.key) { 
node.right = insertNode (node.right, element); 


if (node.right !== null) { 
// 确认 是 否 需 要 平衡 {2 
} 
return node; 


六 
然而 ,插入 新 节点 时 ， 还 要 检查 是 否 需 要 平衡 树 ( 行 {1} 和 行 {2} )。 
。 计算 平衡 因子 


在 AVL 树 中 ， 需 要 对 每 个 节点 计算 右 子 树 高 度 (hr ) 和 左 子 树 高 度 (hl ) 的 差 值 ， 该 值 
(hr 一 hl) 应 为 0、1 或 1。 如果 结 果 不 是 这 三 个 值 之 一 ， 则 需要 平衡 该 AVL 树 。 这 就 是 平衡 因子 
的 概念 。 


下 图 举例 说 明了 一 些 树 的 平衡 因子 ( 所 有 的 树 都 是 平衡 的 ): 

















7 
/ 7/ ps 
* 


0 


0 











计算 节点 高 度 的 代码 如 下 : 
Var heightNode = function(node) { 


if (node === null) { 
return -1; 
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} else { 
return Math.max(heightNode (node.left), 
heightNode (node.right)) + 1; 
} 
Es 


因此 ， 向 左 子 树 插入 新 节点 时 ， 需 要 计算 其 高 度 ; 如 果 高 度 大 于 1 ( 即 不 为 -1、0 和 1 之 一 )， 
就 需要 平衡 左 子 树 。 代 码 如 下 : 


// 替换 insertNode 方 法 的 行 {1} 
if ((heightNode(node.left) - heightNode(node.right)) > 1) { 
// 旋转 {3} 





} 
向 右 子 树 插入 新 节点 时 ， 应 用 同样 的 逻辑 ， 代 码 如 下 : 

// 替换 insertNode 方 法 的 行 12} 

if ((heightNode (nodqe.right) - heightNode(node.left)) > 1) { 


// 旋转 {4} 
} 


@ AVL 旋 转 
向 AVL 树 插入 节点 时 ， 可 以 执行 单 旋转 或 双 旋 转 两 种 平衡 操作 ， 分 别 对 应 四 种 场景 。 


口 右 - 右 (RR ): 向 左 的 单 旋转 
口 左 - 左 (LL ): 向 右 的 单 旋转 
口 左 - 右 (LR ): 向 右 的 双 旋 转 
口 右 - 左 (RL ): 向 左 的 双 旋转 


我 们 依次 看 看 它们 是 如 何 工作 的 。 
右 - 右 〈RR): 向 左 的 单 旋 转 
如 下 图 所 示 : 
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假设 向 AVL 树 搬入 节点 90, 这 会 造成 树 失 衡 ( 节点 50 -Y 高 度 为 -2 ), 因此 需要 恢复 树 的 平衡 。 


下 面 是 我 们 执行 的 操作 : 








口 与 平衡 操作 相关 的 节点 有 三 个 (X、Y、Z )， 将 节点 X 置 于 节点 Y (平衡 因子 为 -2 ) 所 在 
的 位 置 ( 行 11) ); 

口 节点 X 的 右 子 树 保持 不 变 ; 

口 将 节点 Y 的 右 子 节点 置 为 节点 X 的 左 子 节点 Z( 行 12} ); 

口 将 节点 X 的 左 子 节点 置 为 节点 Y( 行 13} )。 


下 面 的 代码 举例 说 明了 整个 过 程 : 


Var rotationRR = function(node) { 
var tmp = node.right; // {1} 
node.right = tmp.left; // {2} 
tmp.left = node; // {3} 
return tmp; 


上} 
左 - 左 〈LL): 向 右 的 单 旋转 
如 下 图 所 示 : 






































假设 向 AVIL 树 搬入 节点 5， 这 会 造成 树 失衡 〈 节点 50 -Y 高 度 为 +2 )， 需 要 恢复 树 的 平衡 。 下 
面 是 我 们 执行 的 操作 : 


口 与 平衡 操作 相关 的 节点 有 三 个 (X、Y、Z ), 将 节点 X 置 于 节点 Y (平衡 因子 为 +2 ) 所 在 
的 位 置 ( 行 {1} ); 

口 节点 X 的 左 子 树 保持 不 变 ; 

口 将 节点 Y 的 左 子 节点 置 为 节点 X 的 右 子 节 点 Z ( 行 {2}); 

口 将 节点 X 的 右 子 节点 置 为 节点 Y( 行 {3} )。 


下 面 的 代码 举例 说 明了 整个 过 程 : 
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Var rotationLL = function(node) { 
var tmp = node.left; // {1} 
node.left = tmp.right; // {2} 
tmp.right = node; // {3} 
return tmp; 


}; 
左 - 右 《LR): 向 右 的 双 旋 转 
如 下 图 所 示 : 

















假设 向 AVIL 树 搬入 节点 35， 这 会 造成 树 失衡 〈 节点 50 -Y 高 度 为 +2 ), 需要 恢复 树 的 平衡 。 下 
面 是 我 们 执行 的 操作 : 
口 将 节点 X 置 于 节点 Y (平衡 因子 为 +2 ) 所 在 的 位 置 ; 
口 将 节点 了 的 左 子 节点 置 为 节点 X 的 右 子 节点 ; 
口 将 节点 Z 的 右 子 节点 置 为 节点 X 的 左 子 节点 ; 5 
口 将 节点 X 的 右 子 节点 置 为 节点 Y; 
口 将 节点 X 的 左 子 节 点 置 为 节点 Z。 
基本 上 ， 就 是 先 做 一 次 RR 旋 转 ， 再 做 一 次 LL 旋 转 。 


下 面 的 代码 举例 说 明了 整个 过 程 : 












































var rotationLR = function(node) { 
node.left = rotationRR (node.1left); 
return rotationLL (node); 

和 

右 - 左 〈RL): 向 左 的 双 旋 转 


如 下 图 所 示 : 
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假设 向 AVIL 树 搬入 节点 75， 这 会 造成 树 失衡 〈 节点 70 -Y 高 度 为 -2 ), 需要 恢复 树 的 平衡 。 下 








面 是 我 们 执行 的 操作 : 


口 将 节点 X 置 于 节点 Y (平衡 因子 为 -2 ) 所 在 的 位 置 ; 
口 将 节点 Z 的 左 子 节 点 置 为 节点 X 的 右 子 节点 ; 

口 将 节点 Y 的 右 子 节点 置 为 节点 的 左 子 节 点 ; 

口 将 节点 和 的 左 子 节 点 置 为 节点 Yi; 

口 将 节点 和 的 右 子 节点 置 为 节点 Z。 


基本 上 ， 就 是 先 做 一 次 LL 旋转 ， 表 做 一 次 RR 旋转 。 
下 面 的 代码 举例 说 明了 整个 过 程 : 




















Var rotationRL = function(node) { 
node.right = rotationLL (node.right); 
return rotationRR (node); 


} 





2. 完成 insertNode 方 法 


确认 树 需 要 平衡 后 ， 就 需要 对 每 种 情况 分 别 应 用 正确 的 旋转 。 











向 左 子 树 择 入 新 节点 ， 且 节点 的 值 小 于 其 左 子 节 点 时 ,应 进行 LL 旋转 。 否则 ， 进 行 LR 旋 转 。 


该 过 程 的 代码 如 下 : 


// 替换 insertNode 方 法 的 行 {1} 

if ((heightNode (node.left) - heightNode(node.right)) > 1){ 
// 旋转 {3} 
if (element < node.left.key)t{ 


node = rotationLL (node); 
} else { 
node = rotationLR (node); 


} 
} 
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向 右 子 树 插入 新 节点 ， 且 节点 的 值 大 于 其 丰 子 节点 时 ,应 进行 RR 旋 转 。 否 则 ,进行 RL 旋 转 。 
该 过 程 的 代码 如 下 : 


// 替换 insertNode 方 法 的 行 12} 

if ((heightNodqe (node.right) - heightNode(node.left)) > 1){ 
// 旋转 {4} 
if (element > node.right.key)t 





node = rotationRR (node); 
} else { 
node = rotationRL (node); 


} 
} 


8.6.2 更 多 关于 二 又 树 的 知识 
尽管 AVL 树 是 自 平衡 的 ， 其 插入 或 移 除 节点 的 性 能 并 不 总 是 最 好 的 。 更 好 的 选择 是 红 黑 树 。 


红 黑 树 可 以 高 效 有 序 地 遍历 其 节点 (http:/goo.gVOxED8K )。 本 书 不 打算 讲解 红 黑 树 ， 但 也 
提供 了 它 的 源 代码 。 


如 果 感 兴趣 的 话 ， 你 还 可 以 了 解 堆积 树 (http://goo.gl/SFIhW6 )。 


























8.7 小 结 


在 本 章 中 ,我们 介绍 了 在 计算 机 科学 中 被 广泛 使 用 的 基本 树 数据 结构 一 一 二 又 搜索 树 中 添 
加 、 搜 索 和 移 除 项 的 算法 。 我 们 同样 介绍 了 访问 树 中 每 个 节点 的 三 种 遍历 方式 。 此 外 还 学 习 了 如 











何 开 发 名 叫 AVL 的 自 平 衡 树 。 | 
在 下 一 章 中 ， 我 们 将 会 学 习 图 的 基本 概念 ， 它 也 是 一 种 非 线性 的 数据 结构 。 
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图 。 这 是 我 们 要 讲 的 最 后 一 种 数据 结构 ， 下 一 








在 本 章 , 你 将 学 习 男 一 种 非 线性 数据 结构 
章 将 深入 学 习 排序 和 搜索 算法 。 

本 章 将 会 包含 不 少 图 的 巧妙 运用 。 图 是 一 个 庞大 的 主题 , 深入 探索 图 的 奇妙 世界 都 足够 写 一 
本 书 了 。 





9.1 图 的 相关 术语 


图 是 网 络 结构 的 抽象 模型 。 图 是 一 组 由 边 连 接 的 节点 (或 项 点 )。 学 习 图 是 重要 的 ， 因 为 任 
何 二 元 关系 都 可 以 用 图 来 表示 。 

任何 社交 网 络 ， 例 如 Facebook 、Twitter 和 Google plus， 都 可 以 用 图 来 表示 。 

我 们 还 可 以 使 用 图 来 表示 道路 、 航 班 以 及 通信 状态 ， 如 下 图 所 示 : 






































让 我 们 来 学 习 一 下 图 在 数学 及 技术 上 的 概念 。 
一 个 图 G = (7 轧 由 以 下 元 素 组 成 。 





口 7V; 一 组 顶点 
口 已: 一 组 边 ， 连 接 V 中 的 顶点 
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下 图 表示 一 个 图 : 




















在 着 手 实 现 算法 之 前 ， 让 我 们 先 了 解 一 下 图 的 一 些 术 语 。 







































































由 一 条 边 连接 在 一 起 的 顶点 称 为 相 邻 顶点 。 比 如 ，A 和 B 是 相 邻 的 ，A 和 D 是 相 邻 的 ，A 和 C 
是 相 邻 的 ，A 和 E 不 是 相 邻 的 。 

一 个 顶点 的 度 是 其 相 邻 顶点 的 数量 。 比 如 ，A 和 其 他 三 个 顶点 相连 接 ， 因 此 ，A 的 度 为 3; 了 
和 其 他 两 个 顶点 相连 ， 因 此 ，E 的 度 为 2。 

路 径 是 顶点 yi, v2…,vi 的 一 个 连续 序列 ， 其 中 vi 和 vi 是 相 邻 的 。 以 上 一 示意 图 中 的 图 为 例 ， 
其 中 包含 路 径 A B EI 和 A CD G。 

简单 路 径 要 求 不 包含 重复 的 顶点 。 举 个 例子 ，AD G 是 一 条 简单 路 径 。 除 去 最 后 一 个 顶点 ( 
为 它 和 第 一 个 顶点 是 同一 个 顶点 ), 环 也 是 一 个 简单 路 径 , 比如 A DCA( 最 后 一 个 顶点 重新 回 到 A )。 

如 果 图 中 不 存在 环 ， 则 称 该 图 是 无 环 的 。 如 果 图 中 每 两 个 顶点 间 都 存在 路 径 ， 则 该 图 是 连 
通 的 。 
有 向 图 和 无 向 


图 可 以 是 无 向 的 ( 边 没有 方向 ) 或 是 有 向 的 (有 向 图 )。 如 下 图 所 示 , 有 向 图 的 边 有 一 个 方向 : 
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如 果 图 中 每 两 个 顶点 间 在 双向 上 都 存在 路 径 ， 则 该 图 是 强 连 通 的 。 例 如 ，C 和 D 是 强 连 通 的 ， 
而 A 和 B 不 是 强 连 通 的 。 

图 还 可 以 是 未 加 权 的 (目前 为 止 我 们 看 到 的 图 都 是 未 加 权 的 ) 或 是 加 权 的 。 如 下 图 所 示 ， 加 
权 图 的 边 被 赋予 了 权 值 : 
























































我 们 可 以 使 用 图 来 解决 计算 机 科学 世界 中 的 很 多 问题 , 比如 搜索 图 中 的 一 个 特定 顶点 或 搜索 
一 条 特定 边 , 寻找 图 中 的 一 条 路 径 ( 从 一 个 顶点 到 另 一 个 顶点 )， 寻 找 两 个 顶点 之 间 的 最 短路 径 ， 
以 及 环 检测 。 





9.2 图 的 表示 


从 数据 结构 的 角度 来 说 , 我 们 有 多 种 方式 来 表示 图 。 在 所 有 的 表示 法 中 , 不 存在 绝对 正确 的 
方式 。 图 的 正确 表示 法 取决 于 待 解决 的 问题 和 图 的 类 型 。 





9.2.1 邻接 矩阵 


图 最 常见 的 实现 是 邻接 矩阵。 每 个 节点 都 和 一 个 整数 相关 联 , 该 整数 将 作为 数组 的 索引 。 我 
们 用 一 个 二 维 数 组 来 表示 顶点 之 间 的 连接 ,如果 索引 为 的 节点 和 索引 为 的 节点 相 邻 , 则 array 加 [ 
=== ] ， 否 则 array[ 中 = 一 0， 如 下 图 所 示 : 
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ABCDE FGHI 

Alo 1 1 10 0000 

(a Bll1 00 0 1 1 0 0 0 

cl1 00 10 0 1 0 0 

(8) Ce (Dp) Dll1 0 10 0 0 1 1 0 
7 El0 1 0 0 0 0 0 0 1 

(E) (Fr) CO Om alr, se ee i he 0 
Glo 0 1 10 0 0 0 0 

(1) Hl0 0 0 10 0 0 0 0 
Ilo 0 0 0 10 000 


























不 是 强 连通 的 图 ( 稀疏 图 ) 如 果 用 邻接 和 矩阵 来 表示 ， 则 和 矩阵 中 将 会 有 很 多 0， 这 意味 着 我 们 
浪费 了 计算 机 存储 空间 来 表示 根本 不 存在 的 边 。 例如， 找 给 定 顶 点 的 相 邻 顶点， 即使 该 项 点 只 有 
一 个 相 邻 顶点, 我们 也 不 得 不 迭代 一 整 行 。 邻 接 矩 阵 表示 法 不 够 好 的 男 一 个 理由 是 , 图 中 顶点 的 
数量 可 能 会 改变 ， 而 2 维 数组 不 太 灵 活 。 












































9.2.2 ”邻接 表 
































我 们 也 可 以 使 用 一 种 叫 作 邻接 表 的 动态 数据 结构 来 表示 图 。 邻接 表 由 图 中 每 个 顶点 的 相 邻 顶 
点 列表 所 组 成 。 存 在 好 几 种 方式 来 表示 这 种 数据 结构 。 我 们 可 以 用 列表 ( 数组 )、 链 表 ， 甚 至 是 
散 列 表 或 是 字典 来 表示 相 邻 顶点 列表 。 下 面 的 示意 图 展示 了 邻接 表 数 据 结 构 。 
AIB CD 
(A BIA E FE 
ASS CIADSG 
(8) Se DIACGH 
EIB I 
(By AE) (5) (WD Fla 
GIcD 
(CD HID 
IIE 






































尽管 邻接 表 可 能 对 大 多 数 问题 来 说 都 是 更 好 的 选择 , 但 以 上 两 种 表示 法 都 很 有 用 , 且 它们 有 
着 不 同 的 性 质 ( 例如， 要 找 出 顶点 y 和 w 有 是否 相 邻 ， 使 用 邻接 矩阵 会 比较 快 )。 在 本 书 的 示例 中 ， 
我 们 将 会 使 用 邻接 表 表 示 法 。 
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9.2.3 ”关联 矩阵 








我 们 还 可 以 用 关联 矩阵 来 表示 网。 在 关联 矩阵 中 ,和 矩阵 的 行 表示 顶点 ， 列 表示 边 。 如 下 图 所 
示 , 我 们 使 用 二 维 数组 来 表示 两 者 之 间 的 连通 性 , 如 果 顶 点 * 是 边 e 的 和 人 射 点 , 则 array[v][e] = 一 1; 





否则 ，array[v][e] === 0。 



































关联 矩 阵 通常 用 于 边 的 数量 比 顶 点 多 的 情况 下 ， 以 节省 空间 和 内 存 。 


9.3 创建 Graph 类 


照例 ， 我 们 声明 类 的 骨架 : 


function Graph() { 








Var vertices = []; //{1} 
var adjList = new Dictionary(); //{2} 
} 
我 们 使 用 一 个 数组 来 存储 图 中 所 有 顶点 的 名 字 ( 行 {1} )， 以 及 一 个 字典 (在 第 7 章 中 已 经 实 
现 ) 来 存储 邻接 表 ( 行 {2} )。 字典 将 会 使 用 顶点 的 名 字 作 为 键 , 邻接 顶点 列表 作为 值 vertices 
数组 和 aqjList 字 典 两 者 都 是 我 们 Graph 类 的 私有 属性 。 
接着 ,我 们 将 实现 两 个 方法 : 一 个 用 来 向 图 中 添加 一 个 新 的 顶点 ( 因为 图 实例 化 后 是 空 的 )， 
另外 一 个 方法 用 来 添加 顶点 之 间 的 边 。 我 们 先 实现 adadvertex 方 法 : 


this.addVertex = function(v)t{ 
vertices.push(v); //{3} 
adjList.set(v, []); //{4} 








设置 顶点 v 作 为 键 对 应 的 字典 值 为 一 个 空 数组 ( 行 {4} )。 


图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


9.3 ”创建 Graph 类 149 








现在 ， 我 们 来 实现 addEqdge 方 法 : 


this.addEdge = 
adjList.get(yv 
adjList.get (w 
je 


push(w); //{5} 
push(v); //{6} 





function(v, w){ 
) . 
Ds 











个 方法 接受 两 个 项 点 作为 参数 。 首先, 通过 将 w 加 入 到 v 的 邻接 表 中 , 我 们 添加 了 一 条 自 项 
ee 如 果 你 想 实现 一 个 有 向 图 ， 则 行 {5} 就 足够 了 。 由 于 本 章 中 大 多 数 的 例子 都 是 
基于 无 向 图 的 ,我 们 需要 添加 一 条 自 w 向 v 的 边 ( 行 {6} )。 


0" 请 注意 我 们 只 是 往 数 组 里 新 增 元 素 ， 因 为 数组 已 经 在 行 {4} 被 初始 化 了 。 


让 我 们 测试 这 段 代码 : 


Var graph = new Graph (); 

Var my Vertieee, SL A NB TOD Ep Eo HT 

for (var i=0; i<myVertices.length; i++){ //{8} 
graph.addVertex(myVertices[i]); 

} 


graph.addEdge('A', 'B'); //{9} 
graph.addEdge('A', 'C'); 
graph.addEdge('A', 'D') 
graph.addEdge('C', 'D') 
graph.addEdge('C', 'G'); 
graph.addEdge('D', 'G'); 
graph.addEdge('D', 'H'); 
graph.addEdge('B', 'E') 
graph.addEdge('B', 'F') 
graph.addEdge('E', 'I') 





为 方便 起 见 ， 我 们 创建 了 一 个 数组 ， 包 含 所 有 我 们 想 添 加 到 图 中 的 项 点 ( 行 {7} )。 接 下 来 ， 
我 们 只 要 遍历 yertices 数 组 并 将 其 中 的 值 逐 一 添加 到 我 们 的 图 中 ( 行 {8} )。 最后， 我 们 添加 想 
要 的 边 ( 行 {9} ) 这 段 代码 将 会 创建 一 个 图 ， 也 就 是 到 目前 为 止 本 章 的 示意 图 所 使 用 的 。 


为 了 更 方便 一 些 ， 让 我 们 来 实现 一 下 Graph 类 的 tostring 方 法 ， 以 便于 在 控制 台 输 出 图 。 














this.toString = function(){ 


YA 
for (var i=0; i<vertices.length; i++){ //{10} 
S += Vvertices[i] + ' -> ' 
var neighbors = adjList.get (vertices[i]); //{11} 


for (var j=0; j<neighbors.length; j++){ //{12} 
s += neighbors[j] + ' 


} 
SN 
} 
return s; 


} 
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我 们 为 邻接 表 表 示 法 构建 了 一 个 字符 串 。 首 先 ， 和 迭代 vertices 数 组 列表 〈 行 110} )， 将 顶 
点 的 名 字 加 入 字符 串 中 。 接着, 取得 该 项 点 的 邻接 表 ( 行 {11} ), 同样 也 迭代 该 邻接 表 ( 行 112} )， 
将 相 邻 顶点 加 入 我 们 的 字符 串 。 邻 接 表 迭代 完成 后 , 给 我 们 的 字符 串 添加 一 个 换行 符 ( 行 113} )， 
这 样 就 可 以 在 控制 台 看 到 一 个 漂亮 的 输出 了 。 运 行 如 下 代码 : 











console.log(graph.toString()); 


输出 如 下 : 


HA 加 
1 1 
MV 
国 吕 AWWHPPDPDUT 


一 个 漂亮 的 邻接 表 ! 从 该 输出 中 ， 我 们 知道 顶点 A 有 这 几 个 相 邻 顶点 : B、C 和 D。 


9.4 ”图 的 遍历 


和 树 数 据 结构 类 似 , 我 们 可 以 访问 图 的 所 有 节点 。 有 两 种 算法 可 以 对 图 进行 遍历 : 广度 优先 
搜索 ( Breadth-First Search ，BFS ) 和 深度 优先 搜索 ( Depth-First Search，DFS )。 图 遍历 可 以 用 来 
寻找 特定 的 项 点 或 寻找 两 个 顶点 之 间 的 路 径 ， 检 查 图 是 否 连通 ， 检 查 图 是 否 含有 环 等 。 

在 实现 算法 之 前 ， 让 我 们 来 更 好 地 理解 一 下 图 遍历 的 思想 方法 。 

图 遍历 算法 的 思想 是 必须 追踪 每 个 第 一 次 访问 的 节点 ,并且 追踪 有 哪些 节点 还 没有 被 完全 探 
索 。 对 于 两 种 图 遍历 算法 ， 都 需要 明确 指出 第 一 个 被 访问 的 顶点 。 

完全 探索 一 个 顶点 要 求 我 们 查看 该 顶点 的 每 一 条 边 。 对 于 每 一 条 边 所 连接 的 没有 被 访问 过 的 
顶点 ， 将 其 标注 为 被 发 现 的 ， 并 将 其 加 进 待 访问 顶点 列表 中 。 

为 了 保证 算法 的 效率 ， 务 必 访 问 每 个 顶点 至 多 两 次 。 连 通 图 中 每 条 边 和 顶点 都 会 被 访问 到 。 

广度 优先 搜索 算法 和 深度 优先 搜索 算法 基本 上 是 相同 的 , 只 有 一 点 不 同 , 那 就 是 待 访问 顶点 
列表 的 数据 结构 。 

算 法 数据 结构 描 述 
深度 优先 搜索 栈 通过 将 顶点 存 入 栈 中 (在 第 3 章 中 学 习 过 ) ， 顶 点 是 沿 着 路 径 被 探索 的 ， 存 在 新 的 相 


邻 顶点 就 去 访问 
广度 优先 搜索 队列 通过 将 顶点 存 人 队列 中 〈 在 第 4 章 中 学 习 过 ) ， 最 先 人 队列 的 顶点 先 被 探索 
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当 要 标注 已 经 访问 过 的 顶点 时 ,我 们 用 三 种 颜色 来 反映 它们 的 状态 。 
口 白色 : 表示 该 项 点 还 没有 被 访问 。 

口 灰色 : 表示 该 顶点 被 访问 过 ， 但 并 未 被 探索 过 。 

口 黑色 : 表示 该 顶点 被 访问 过 且 被 完全 探索 过 。 








NE 


这 就 是 之 前 提 到 的 务必 访问 每 个 顶点 最 多 两 次 的 原因 。 








ol 


9.4.1 广度 优先 搜索 



































广度 优先 搜索 算法 会 从 指定 的 第 一 个 顶点 开始 遍历 图 , 先 访问 其 所 有 的 相 邻 点 , 就 像 一 次 访 
问 图 的 一 层 。 换 名 话说 ,就 是 先 宽 后 深 地 访问 项 点， 如 下 图 所 示 : 
以 下 是 从 顶点 * 开 始 的 广度 优先 搜索 算法 所 遵循 的 步骤 。 








(1) 创建 一 个 队列 2。 
(2) 将 v 标 注 为 被 发 现 的 ( 灰色 )， 并 将 v 入 队列 0。 
(3) 如 果 2 非 空 ， 则 运行 以 下 步 又 ; 
(a) 将 xz 从 C 中 出 队列 ; 
(b) 将 标注 z 为 被 发 现 的 (灰色 ); 
(c) 将 u 所 有 未 被 访问 过 的 邻 点 (白色) 入 队列 ; 
(d) 将 u 标 注 为 已 被 探索 的 (黑色 )。 


让 我 们 来 实现 广度 优先 搜索 算法 : 


Var initializeColor = function(){ 
var color = []; 
for (var i=0; i<vertices.length; i++){ 
color[lvertices[i]] = 'white'; //{1} 
} 
return color; 


}; 
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this.bfs = function(v, callback){ 




















Var, COLOrF EE-1nitialiteCoLlor(), /7/(23 
queue = new Queue(); //{3} 
cueue .enaueue (v); //{4} 
while (!queue.isEmpty())t{ //{5} 
var u = queue.dequeue(), //{6} 
neighbors = adjList.get (u); //{7} 
color[u] = 'grey'; /A 
for (var i=0; i<neighbors.length; i++){ // {9} 
var w = neighbors[i]; // {10} 
if (color[w] === 'white')t /4 lI 
color[w] = 'grey'; | 
queue.enqueue (w) ; /人 {3.} 
} 
} 
EOLGD[U) = :DLack /YA{L 
if (callback) { 人 5 
callback (u); 
} 
站 
广度 优先 搜索 和 深度 优先 搜索 都 需要 标注 被 访问 过 的 顶点 。 为 此 , 我 们 将 使 用 一 个 辅助 数组 
color。 由 于 当 算 法 开始 执行 时 ,所 有 的 顶点 颜色 都 是 白色 ( 行 {1} )， 所 以 我 们 可 以 创建 一 个 辅 


助 函 数 initializecolor， 为 这 两 个 算法 执行 此 初始 化 操作 。 


让 我 们 深入 学 习 广 度 优先 搜索 方法 的 实现 。 我 们 要 做 的 第 一 件 事情 是 用 initializecolor 
函数 来 将 color 数 组 初始 化 为 white( 行 {2} ), 我 们 还 需要 声明 和 创建 一 个 oueue 实 例 ( 行 {3} )， 
它 将 会 存储 待 访问 和 待 探索 的 顶点 。 

照 着 本 章 开头 解释 过 的 步骤 , bfs 方 法 接受 一 个 顶点 作为 算法 的 起 始点 。 起 始 顶点 是 必要 的 ， 
我 们 将 此 顶点 入 队列 ( 行 {4} )。 

如 果 队 列 非 空 ( 行 {5} ), 我 们 将 通过 出 队列 ( 行 {6} ) 操作 从 队列 中 移 除 一 个 顶点 ， 并 取得 
一 个 包含 其 所 有 邻 点 的 邻接 表 ( 行 17} )。 该 项 点 将 被 标注 为 grey ( 行 {8} )， 表 示 我 们 发 现 了 它 
(但 还 未 完成 对 其 的 探索 )。 

对 于 u( 行 {9} ) 的 每 个 邻 点 ,我们 取得 其 值 (该 顶点 的 名 字 一 一 行 {10} )， 如 果 它 还 未 被 访 
问 过 (颜色 为 wvhite 一 一 行 {11} )， 则 将 其 标注 为 我 们 已 经 发 现 了 它 ( 颜色 设置 为 grey 一 一行 




















{12} )， 并 将 这 个 顶点 加 入 队列 中 ( 行 {13} )， 这 样 当 其 从 队列 中 出 列 的 时 候 ， 我 们 可 以 完成 对 
其 的 探索 。 

当 完 成 探索 该 顶点 和 其 相 邻 顶点 后 ， 我 们 将 该 顶点 标注 为 已 探索 过 的 (颜色 设置 为 
black 行 114} )。 
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我 们 实现 的 这 个 bfs 方 法 也 接受 一 个 回调 ( 我 们 在 第 8 章 中 遍历 树 时 使 用 了 一 个 相似 的 方 
法 )。 这 个 参数 是 可 选 的 ， 如 果 我 们 传递 了 回调 函数 〈 行 115} ), 会 用 到 它 。 


让 我 们 执行 下 面 这 段 代码 来 测试 一 下 这 个 算法 : 

















function printNode(value){ //{16} 
console.log('Visited vertex: ' + value); //{17} 

} 

graph.bfs (myVertices[0], printNode); //{18} 


首先 ,我们 声明 了 一 个 回调 函数 ( 行 {16} )， 它 仅仅 在 浏览 器 控制 台 上 输出 已 经 被 完全 探索 
过 的 顶点 的 名 字 。 接 着 ， 我 们 会 调用 bfs 方 法 ， 给 它 传递 第 一 个 顶点 〈A 一 一 从 本 章 开 头 声明 的 
myVertices 数 组 ) 和 回调 函数 。 当 我 们 执行 这 段 代 码 时 ， 该 算法 会 在 浏览 器 控制 台 输 出 下 示 的 
结果 : 


Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 


如 你 所 见 ， 顶 点 被 访问 的 顺序 和 本 节 开 头 的 示意 图 中 所 展示 的 一 致 。 

















HEANDNHOINW» 


1. 使 用 BFS 寻 找 最 短路 径 

到 目前 为 止 ， 我 们 只 展示 了 BFS 算 法 的 工作 原理 。 我 们 可 以 用 该 算法 做 更 多 事情 ， 而 不 只 是 
输出 被 访问 顶点 的 顺序 。 例 如 ， 考 虑 如 何 来 解决 下 面 这 个 问题 。 

给 定 一 个 图 G 和 源 硕 点 v， 找 出 对 每 个 顶点 w，w 和 v 之 间 最 得 路 径 的 距离 ( 以 边 的 数量 计 ) 

对 于 给 定 顶点 v， 广 度 优先 算法 会 访问 所 有 与 其 距离 为 1 的 顶点 ， 接 着 是 距离 为 2 的 顶点 ， 9 


以 此 类 推 。 所 以 ， 可 以 用 广度 优先 算法 来 解 这 个 问题 。 我 们 可 以 修改 pfs 方 法 以 返回 给 我 们 一 
些 信 息 : 




















口 从 v 到 uw 的 距离 dq[u]; 
口 前 溯 点 pred[u]， 用 来 推导 出 从 v 到 其 他 每 个 顶点 的 最 短路 径 。 


让 我 们 来 看 看 改进 过 的 广度 优先 方法 的 实现 : 


this.BFS = function(v)t{ 








Var color = initializeColor(), 
queue = new Queue(), 
d= [], Ct} 
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bred, (LJ. 
queue.enqueue (V) ; 


for (var i=0; i<vertices.length; i++){ //{3} 
d[lvertices[i]] = 0; //{4} 
pred[lvertices[i]] = null; //{5} 

} 


while (!queue.isEmpty()){ 
var u = queue.dequeue(), 
neighbors = adjList.get (u); 
colom[llal, ce: “orev 
for (i=0; i<neighbors.length; i++){ 
var w = neighbors[i]; 


if (color[w] === 'white')t 
color[w] = 'grey'; 
d[w] = d[u] + 1; //{6} 
pred[w] = u; //{7} 


Gueue .endueue (w); 
} 

} 
COLOrTU ss ABIacks 

} 

return { //{8} 
distances: qd, 
predecessors: pred 

下 

ds 


这 个 版 本 的 BFs 方 法 有 些 什么 改变 ? 
0 Eo 


我 们 还 需要 声明 数组 a ( 行 {1} ) 来 表示 距离 ， 以 及 preq 数 组 来 表示 前 漳 点 。 下 一 步 则 是 对 
图 中 的 每 一 个 顶点 ， 用 0 来 初始 化 数组 a ( 行 {4} )， 用 nul1 来 初始 化 数组 preq。 





当 我 们 发 现 顶 点 u 的 邻 点 w 时 ， 则 设置 w 的 前 淹 点 值 为 u( 行 17} )。 我 们 还 通过 给 arul 加 1 来 
设置 v 和 w 之 间 的 距离 (u 是 w 的 前 溯 点 ，qarul] 的 值 已 经 有 了 )。 








方法 最 后 返回 了 一 个 包含 9 和 pred 的 对 象 ( 行 {8} )。 
现在 ， 我 们 可 以 再 次 执行 BFS 方 法 ， 并 将 其 返回 值 存在 一 个 变量 中 : 


Var ShortestPathA = graph.BFS (myVertices{[0]); 
console.log(shortestPathA); 


对 顶点 A 执行 BFS 方 法 ， 以 下 将 会 是 输出 : 

















distances: [A: 0, B: 1, C: 1, D: 1, E: 2, F: 2, G: 2, H: 2 , I: 3], 
predecessors: [A: null, B: "A", C: "A", D: "A", E: "B", F: "B", G: "C", H: "D", I: "E"] 
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这 意味 着 顶点 A 与 顶点 B、cC 和 D 的 距离 为 1; 与 顶点 E、F、G 和 H 的 距离 为 2; 与 顶点 I 的 距离 
为 3。 
通过 前 淹 点 数组 ， 我 们 可 以 用 下 面 这 段 代 码 来 构建 从 顶点 A 到 其 他 项 点 的 路 径 : 


Var fromVertex = myVertices[0]; //{9} 
for (var i=1; i<myVertices.length; i++){ //{10} 
var toVertex = myVertices[i], //{11} 


path = new Stack(); /ZE2 
for (Var v=toVertex; Vv!== fromVertex; 
v=shortestPathA.predecessors[v]) { //{13} 
path.push (v); //{14} 
} 
path.push (fromVertex); //{15} 
var s = path.pop(); 6 
while (!path.isEmpty()){ AZALI 
Ss += '- ' + path.pop(); //{18} 


} 
console.1log(s); //{19} 
} 


我 们 用 顶点 A 作 为 源 顶 点 ( 行 {9} )。 对 于 每 个 其 他 顶点 (除了 顶点 A 一 行 {10} ), 我 们 会 计 
算 顶 点 A 到 它 的 路 径 。 我 们 从 顶点 数组 得 到 tovertex ( 行 {11} ), 然后 会 创建 一 个 栈 来 存储 路 径 
值 ( 行 (12} )。 

接着 , 我 们 追溯 tovertex 到 fromvertex 的 路 径 ( 行 113} )。 变 量 v 被 赋值 为 其 前 溯 点 的 值 ， 
这 样 我 们 能 够 反 向 追溯 这 条 路 径 。 将 变量 v 添 加 到 栈 中 ( 行 {14} )。 最 后 ， 源 顶点 也 会 被 添加 到 
栈 中 ， 以 得 到 完整 路 径 。 

这 之 后 ， 我 们 创建 了 一 个 s 字 符 串 ， 并 将 源 顶 点 赋值 给 它 〈 它 是 最 后 一 个 加 入 栈 中 的 ， 所 以 
它 是 第 一 个 被 弹出 的 项 一 一 行 {16} )。 当 栈 是 非 空 的 , 我 们 就 从 栈 中 移出 一 个 项 并 将 其 拼接 到 字 
符 串 s 的 后 面 ( 行 118} )。 最 后 ( 行 {19} ) 在 控制 台 上 输出 路 径 。 


执行 该 代码 段 ， 我 们 会 得 到 如 下 输出 : 





























A-B 

A-C 

A-D 

A-B-E 

A-B-F 

R-c-aG 

A-D-H 

A-B-E-I 

这 里 ,我们 得 到 了 从 顶点 A 到 图 中 其 他 顶点 的 最 短路 径 ( 衡量 标准 是 边 的 数量 )。 


2. 深入 学 习 最 短路 径 算 法 


本 章 中 的 图 不 是 加 权 图 。 如 果 要 计算 加 权 图 中 的 最 短路 径 ( 例如 ， 城 市 A 和 城市 B 之 间 的 最 
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短路 径 一 一 GPS 和 Google Maps 中 用 到 的 算法 )， 广 度 优先 搜索 未 必 合 适 。 
举 些 例子 ，Dijkstra 算 法 解决 了 单 源 最 短路 径 问 题 。Bellman-Ford 算 法 解决 了 边 权 值 为 负 的 

















单 源 最 短路 径 问 题 。A* 搜 索 算法 解决 了 求 仅 一 对 顶点 间 的 最 短路 径 问 题 , 它 用 经 验 法 则 来 加 速 搜 
索 过 程 。Floyd-Warshall 算 法 解决 了 求 所 有 顶点 对 间 的 最 短路 径 这 一 问题 。 








如 本 章 开头 提 到 的 , 图 是 一 个 广泛 的 主题 ,对 最 短路 径 问 题 及 其 变种 问题 , 我 们 有 很 多 的 解 
决 方案 。 但 在 开始 学 习 这 些 其 他 解决 方案 前 ,我 们 需要 掌握 好 图 的 基本 概念 ,这 是 本 章 涵盖 的 内 
容 。 而 这 些 其 他 解决 方案 则 不 会 在 本 章 讲 述 ， 但 你 可 以 自行 探索 图 的 奇妙 世界 。 




















9.4.2 ”深度 优先 搜索 


深度 优先 搜索 算法 将 会 从 第 一 个 指定 的 项 点 开始 遍历 图 , 沿 着 路 径直 到 这 条 路 径 最 后 一 个 项 
点 被 访问 了 ,接着 原 路 回 退 并 探索 下 一 条 路 径 。 换 名 话说 ， 它 是 先 深度 后 广度 地 访问 顶点 ， 如 下 
图 所 示 : 
































深度 优先 搜索 算法 不 需要 一 个 源 硕 点 。 在 深度 优先 搜索 算法 中 ， 吞 图 中 顶点 v 示 访问， 则 访 
问 该 顶点 v。 


要 访问 顶点 v， 照 如 下 步骤 做 。 

(1) 标注 "为 被 发 现 的 (灰色 )。 

(2) 对 于 v 的 所 有 未 访问 的 邻 点 w， 访 问 项 点 w， 标 注 v 为 已 被 探索 的 ( 黑色 )。 

如 你 所 见 ,深度 优先 搜索 的 步 又 是 递归 的 ,这 意味 着 深度 优先 搜索 算法 使 用 栈 来 存储 函数 调 
用 (由 递归 调用 所 创建 的 栈 )。 

让 我 们 来 实现 一 下 深度 优先 算法 : 


this.dfs = function(callback)f{ 
Var color = initializeColor(); //{1} 
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for (var i=0; i<vertices.length; i++){ //{2} 
if (color[vertices[i]] === 'white'){ //{3} 
dfsVvisit (vertices[i], color, callback); //1{4} 
} 
} 


Var dfsVvisit = function(u, color, callback)t{ 


Gol6r [ul = "grey i /yD 

if (callback) { //{6} 
callback (u); 

} 

var neighbors = adjList.get (u); //{7} 

for (var i=0; i<neighbors.length; i++){ //{8} 
var w = neighbors[i]; /9 
if (color[w] === 'white')t{ //{10} 

dfsVvisit(w, color, callback); //{11} 

} 

} 

color[u] = 'black'; //{12} 


es 

首先 , 我们 创建 颜色 数组 ( 行 {f1} ),， 并 用 值 white 为 图 中 的 每 个 顶点 对 其 做 初始 化 ， 广度 优 
先 搜索 也 这 么 做 的 。 接 着 ,对 于 图 实例 中 每 一 个 未 被 访问 过 的 顶点 ( 行 {2} 和 {3} ), 我 们 调用 私 
有 的 递归 函数 afsvisit， 传递 的 参数 为 项 点、 颜色 数组 以 及 回调 也 数 ( 行 {4} )。 


当 访 问 u 顶 点 时 , 我 们 标注 其 为 被 发 现 的 (grey 一 一 行 {5} )。 如 果 有 callback 函 数 的 话 ( 行 
{6} )， 则 执行 该 函数 输出 已 访问 过 的 顶点 。 接 下 来 一 步 是 取得 包含 顶点 u 所 有 邻 点 的 列表 ( 行 
{7} )。 对 于 顶点 u 的 每 一 个 未 被 访问 过 (颜色 为 white 一 一 行 {10} 和 行 {8) ) 的 邻 点 w( 行 19} )， 
我 们 将 调用 afsvisit 函 数 , 传递 w 和 其 他 参数 ( 行 {11} 一 一 添加 顶点 w 和 人 栈 ， 这 样 接 下 来 就 能 访 
问 它 )。 最 后 ， 在 该 顶点 和 邻 点 按 深度 访问 之 后 ， 我 们 回 退 ， 意 思 是 该 顶点 已 被 完全 探索 ， 并 将 
其 标注 为 black ( 行 {12} )。 


让 我 们 执行 下 面 的 代码 段 来 测试 一 下 dfs 方 法 : 
graph.dfs (printNode); 


输出 如 下 : 




















Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 
Visited vertex: 


BADNNHNHHUUWUD 
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这 个 顺序 和 本 节 开 头 处 示意 图 所 展示 的 一 致 。 下 面 这 个 示意 图 展示 了 该 算法 每 一 步 的 执行 
















































































一 次 ( 比如 顶点 A )。 


1. 探索 深度 优先 算法 

到 目前 为 止 , 我 们 只 是 展示 了 深度 优先 搜索 算法 的 工作 原理 。 我们 可 以 用 该 算法 做 更 多 的 事 
情 ， 而 不 只 是 输出 被 访问 顶点 的 顺序 。 

对 于 给 定 的 图 G， 我 们 希望 深度 优先 搜索 算法 遍历 图 G 的 所 有 节点 ,构建 “森林 ”( 有 根 树 的 
一 个 集合 ) 以 及 一 组 源 项 点 〈 根 )， 并 输出 两 个 数组 : 发 现时 间 和 完成 探索 时 间 。 我 们 可 以 修改 
afs 方 法 来 返回 给 我 们 一 些 信息 : 
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口 顶点 wu 的 发 现时 间 d[ul]; 

口 当 顶 点 wu 被 标注 为 黑色 时 ，w 的 完成 探索 时 间 f[u]; 
口 顶点 u 的 前 漳 点 p[u]。 

让 我 们 来 看 看 改进 了 的 DF 方法 的 实现 : 


Var time = 0; //{1} 
this.DFS = function()t{ 





var color = initializeColor(), //{2} 
Ge] Ly 

£f = []， 

p= []; 

time = 0; 


for (var i=0; i<vertices.length; i++){ //{3} 
f[vertices[i]] = 0; 
d[vertices[i]] = 0; 
plvertices[i]] = null; 

} 

for (i=0; i<vertices.length; i++){ 
if (color[lvertices[i]] === 'white')t{ 

DFSVisit (vertices[i], color, d, f, p); 

} 

} 

return { //{4} 
discovery: dd, 
finished: f, 
predecessors: p 

}; 

a 


Var DFSVisit = function(u, color, d, f, p)t{ 
console.log('discovered ' + u); 
COLOr [Ml] “= “YHEY 
d[lu] = ++time; //{5} 
Var neighbors = adjList.get(u); 
for (var i=0; i<neighbors.length; i++){ 
var w = neighbors[i]; 
if (color[w] === 'white')t 
p[w] = u; // {6} 
DFSVisit(w,color, d, f, p); 
} 





} 
GOLOER[Wl = "Blacek’; 
f[u] = ++time; ECL 


console.log('explored ' + u); 


我 们 需要 一 个 变量 来 要 追踪 发 现时 间 和 完成 探索 时 间 ( 行 {1} )。 时 间 变 量 不 能 被 作为 参数 
传递 , 因为 非 对 象 的 变量 不 能 作为 引用 传递 给 其 他 JavaScript 方 法 (将 变量 作为 引用 传递 的 意思 是 
如 果 该 变量 在 其 他 方法 内 部 被 修改 ， 新 值 会 在 原始 变量 中 反映 出 来 )。 接 下 来 ， 我 们 声明 数组 a、 























图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


160 第 9 章 图 








回 这 些 值 ( 行 {4} )， 之 后 我 们 要 用 到 它们 。 


当 一 个 顶点 第 一 次 被 发 现时 ， 我 们 追踪 其 发 现时 间 ( 行 {5} )。 当 它 是 由 引 自 顶点 u 的 边 而 被 
发 现 的 ， 我 们 追踪 它 的 前 溯 点 〈 行 15} )。 最 后 ， 当 这 个 顶点 被 完全 探索 后 ， 我 们 追踪 其 完成 时 
间 〈 行 47} )。 


深度 优先 算法 背后 的 思想 是 什么 ? 边 是 从 最 近 发 现 的 顶点 zx 处 被 向 外 探索 的 。 只 有 连接 到 未 












































发 现 的 顶点 的 边 被 探索 了 。 当 x 所 有 的 边 都 被 探索 了 , 该 算法 回 退 到 wu 被 发 现 的 地 方 去 探索 其 他 的 
边 。 这 个 过 程 持续 到 我 们 发 现 了 所 有 从 原始 顶点 能 够 触及 的 顶点 。 如 果 还 留 有 任何 其 他 未 被 发 现 
的 顶点， 我 们 对 新 源 项 点 重复 这 个 过 程 。 重 复 该 算法 ， 直 到 图 中 所 有 的 项 点 都 被 探索 了 。 
对 于 改进 过 的 深度 优先 搜索 ， 有 两 点 需要 我 们 注意 : 
口 时 间 (time ) 变量 值 的 范围 只 可 能 在 图 顶点 数量 的 一 倍 到 两 倍 之 间 ; 
口 对 于 所 有 的 顶点 u，d[u]<Hu] (意味 着 ,发 现时 间 的 值 比 完成 时 间 的 值 小 ， 完 成 时 间 意 思 
是 所 有 顶点 都 已 经 被 探索 过 了 )。 


在 这 两 个 假设 下 ,我 们 有 如 下 的 规则 : 
1 < du <f[u] < 2 


如 果 对 同一 个 图 再 跑 一 遍 新 的 深度 优先 搜索 方法 , 对 图 中 每 个 顶点 , 我 们 会 得 到 如 下 的 发 现 
/完成 时 间 : 








12/13 14/15 














但 我 们 能 用 这 些 新 信息 来 做 什么 呢 ? 来 看 下 一 方 。 
2. 拓扑 排序 一 一 使 用 深度 优先 搜索 
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这 是 一 个 有 向 图 ， 意 味 着 任务 的 执行 是 有 顺序 的 。 例 如 ， 任 务 F 不 能 在 任务 
人 4 之 前 执行 。 注 意 这 个 图 没有 环 ， 意 味 着 这 是 一 个 无 环 图 。 所 以 ， 我 们 可 以 说 该 
图 是 一 个 有 向 无 环 图 (DAG )。 

当 我 们 需要 编排 一 些 任务 或 步骤 的 执行 顺序 时 ， 这 称 为 拓扑 排序 ( topological sorting， 英 文 
亦 写作 topsort 或 是 toposort )。 在 日 常生 活 中 ， 这 个 问题 在 不 同情 形 下 都 会 出 现 。 例 如 ， 当 我 们 开 
台 学 习 一 门 计 算 机 科学 课程 , 在 学 习 某 些 知识 之 前 得 按 顺序 完成 一 些 知 识 储备 ( 你 不 可 以 在 上 算 
法 I 前 先 上 算法 I )。 当 我 们 在 开发 一 个 项 目 时 ,需要 按 顺 序 执行 一 些 步骤 ， 例 如， 首先 我 们 得 从 
客户 那里 得 到 需求 , 接着 开发 客户 要 求 的 东西 , 最 后 交付 项 目 。 你 不 能 先 交 付 项 目 再 去 收集 需求 。 


拓扑 排序 只 能 应 用 于 DAG。 那么 , 如 何 使 用 深度 优先 搜索 来 实现 拓扑 排序 呢 ?” 让 我 们 在 本 广 
开头 的 示意 图 上 执行 一 下 深度 优先 搜索 。 









































graph = new Graph(); 
meRtieees. Sr [AARB TO Dr 
for (i=0; i<myVertices.length; i++){ 
graph.addVertex(myVertices[i]); 
} 
graph.addEdgel(' CG 
graph.addEdgel(' EE 
graph.addEdgel(' ‘DD’* a 
( Fy 
E') 
FS tj 





graph.addEdgel(' 
graph.addEdgel(' 
graph.addEdge('F', ; 
Var result = graph.DFS() 


这 段 代码 将 创建 图 ， 添 加 边 ， 执 行 改进 版 本 的 深度 优先 搜索 算法 ， 并 将 结果 保存 到 result 
变量 。 下 图 展示 了 深度 优先 搜索 算法 执行 后 ， 该 图 的 发 现 和 完成 时 间 。 


OWHWHPP 





~ 
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现在 要 做 的 仅仅 是 以 倒序 来 排序 完成 时 间 数 组 ， 这 便 得 出 了 该 图 的 拓扑 排序 : 
BB 


注意 之 前 的 拓扑 排序 结果 仅 是 多 种 可 能 性 之 一 。 如 果 我 们 稍微 修改 一 下 算法 ,就 会 有 不 同 的 
结果 ， 比 如 下 面 这 个 结果 也 是 众多 其 他 可 能 性 中 的 一 个 : 


a > Wh es el ee 


这 也 是 一 个 可 以 接受 的 结果 。 


2 (G Ea 
































9.5 ”最短 路径 算法 


设想 你 要 从 街道 地 图 上 的 A 点 ， 通 过 可 能 的 最 短路 径 到 达 B 点 。 举 例 来 说 ， 从 洛杉矶 的 圣 葛 
尼 卡 大 道 到 好 羔 坞 大 道 ， 如 下 图 所 示 : 
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这 种 问题 在 生活 中 非常 常见 , 我 们 (特别 是 生活 在 大 城市 的 人 们 ) 会 求助 于 苹果 地 图 、 谷 歌 
地 图 、Waze 等 应 用 程序 。 当 然 ， 我 们 也 有 其 他 的 考虑 ， 如 时 间或 路 况 ， 但 根本 的 问题 仍然 是 : 
从 A 到 B 的 最 短路 径 是 什么 ? 


我 们 可 以 用 图 来 解决 这 个 问题 , 相应 的 算法 被 称 为 最 短路 径 。 本 节 我 们 将 介绍 两 种 非常 著名 
的 算法 ， 即 Dijkstra 算 法 和 Floyd-Warshall 算 法 。 




















9.5.1 Dijkstra 算法 


Dijkstra 算 法 是 一 种 计算 从 单个 源 到 所 有 其 他 源 的 最 短路 径 的 贪心 算法 〈 你 可 以 在 第 11 章 了 
解 到 更 多 关于 贪心 算法 的 内 容 )， 这 意味 着 我 们 可 以 用 它 来 计算 从 图 的 一 个 顶点 到 其 余 各 顶点 的 
最 短路 径 。 


考虑 下 图 : 


























我 们 来 看 看 如 何 找到 顶点 A 和 其 余 顶 点 之 间 的 最 短路 径 。 但 首先 ， 我 们 需要 声明 表示 上 图 的 
邻接 矩阵 ， 如 下 所 示 : 


var graph = | 


OOOO OO 
OOOoOPA 
OWOOFPO 
OV ,BS 
OD 乒 尼 


] 3 


现在 ， 通 过 下 面 的 代码 来 看 看 Dijkstra 算 法 是 如 何 工 作 的 : 


this.dijkstra = function(src) { 
Var QList, =. [I Visited 二 和 
length = this.graph.length; 


’ ’ 




















for (var i = 0; i < length; i++) { //{1} 
drst et). es TNES 
visited[i] = false; 

} 

distLlsrc] = 0 7//{2} 


for (var i = 0; i < length-1; i++) { //{3} 
var u = minDistance(dist, visited); //{4} 
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visited[u] = true; //{5} 


for (var Vv = 0; Vv < length; V++) { 
if (!visited[v] && 


this.graph[u][v] != 0 && dist[u] != INF && 
dist[u] + this.graph[u][v] < dist[v]) { //{6} 
dist[v] = dist[u] + this.graph[u] [v]; //{7} 


于 
} 
return disty..//*t8d 
入 


下 面 是 对 算法 过 程 的 描述 。 
口 行 {1}: 首先 , 把 所 有 的 距离 (aist ) 初 始 化 为 无 限 大 ( JavaScript 最 大 的 数 INF = Number. 


MAX_SAFE_INTEGER ),， 将 visited[] 初 始 化 为 false。 

口 行 {2}: 然后 ， 把 源 顶 点 到 自己 的 距离 设 为 0。 

口 行 13}: 接 下 来 ,要 找 出 到 其 余 顶 点 的 最 短路 径 。 

口 行 {4}: 为 此 ， 我们 需要 从 尚未 处 理 的 顶点 中 选 出 距离 最 近 的 顶点 。 

口 行 {5}: 把 选 出 的 顶点 标 为 visited， 以 免 重复 计算 。 

口 行 {6}: 如 果 找 到 更 短 的 路 径 ， 则 更 新 最 短路 径 的 值 ( 行 17} )。 

口 行 {8}: 处 理 完 所 有 顶点 后 ， 返回 从 源 顶 点 (src ) 到 图 中 其 他 顶点 最 短路 径 的 结果 。 


要 计算 顶点 间 的 minDistance， 就 要 搜索 aist 数 组 中 的 最 小 值 ， 返 回 它 在 数组 中 的 索引 : 


var minDistance = function(dist, visited) { 
Var min = INF, minIindex = -1; 






































for (var Vv = 0; Vv < dist.length; v++) { 
if (visited[v] == false && dist[v] <= min) { 
min = dist[v]; 
minIndex = v; 
} 
} 
return minIindex; 


} 
对 本 节 开 始 的 图 执行 以 上 算法 ,会 得 到 如 下 输出 : 





RODODPO 
只 性 
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0 也 可 以 修改 算法 ， 将 最 短路 径 的 值 和 路 径 一 同 返 回 。 


9.5.2 ”Floyd-Warshall 算法 


Floyd-Warshall 算 法 是 一 种 计算 图 中 所 有 最 短路 径 的 动态 规划 算法 ( 你 可 以 在 第 11 章 了 解 到 更 
多 关于 动态 规划 算法 的 内 容 )。 通 过 该 算法 ， 我 们 可 以 找 出 从 所 有 源 到 所 有 项 点 的 最 短路 径 。 
































Floyd-Warshall 算 法 实现 如 下 : 


this.floydWarshall = function() { 
var dist = [], 
length = this.graph.length, 
Ts le 


fOr (EE SE 0 TT Ternigths T+4) A /EL 


drseEl] Su.ET3 
for (j = 0; j < length; j++) { 
dist[i][j] = this.graph[i][j]; 
} 
for (k = 0; k < length; k++) { //{2} 
for (i = 0; i < length; i++) { 
for (j = 0; j < length; j++) { 
if (dist[i][k] + dist[k][j] < dist[i][j]) { //{3} 
dist[i][j] = dist[i][k] + dist[k] [j]; //{4} 


return dist; 


a 
下 面 是 对 算法 过 程 的 描述 。 


口 行 {1}: 首先 ， 把 Gist 数 组 初始 化 为 每 个 项 点 之 间 的 权 值 ， 因 为 i 到 j 可 能 的 最 短 距 离 就 
是 这 些 顶 点 间 的 权 值 。 

口 行 12}: 通过 Kk， 得 到 i 途径 顶点 0 至 k， 到 达 j 的 最 短路 径 。 

口 行 {3}: 判断 i 经 过 顶点 k 到 达 j 的 路 径 是 否 比 已 有 的 最 短路 径 更 短 。 

口 行 {4}: 如 果 是 更 短 的 路 径 ， 则 更 新 最 短路 径 的 值 。 


行 {3} 是 Floyd-Warshall 算 法 的 核心 。 对 本 节 开 始 的 图 执行 以 上 算法 ,会 得 到 如 下 输出 : 




































































0 2 3 6 4 6 
INF 0 1 4 2 4 
INF INF 0 6 3 5 
INF INF INF 0 INF 2 
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INF INF INF 3 0 2 
INF INF INF INF INF 0 





对 图 中 每 一 个 顶点 执行 Dijkstra 算 法 ， 也 可 以 得 到 相同 的 结果 。 





9.6 最 小 生成 树 





最 小 生成 树 ( MST ) 问题 是 网 络 设 计 中 常见 的 问题 。 想 象 一 下 ,你 的 公司 有 儿 间 办 公 室 , 要 

















以 最 低 的 成 本 实现 办 公 室 电话 线路 相互 连通 ， 以 节省 资金 ， 最 好 的 办 法 是 什么 ? 


这 也 可 以 应 用 于 岛 桥 问题 。 设 想 你 要 在 nz 个 岛屿 之 间 建 造 桥梁 ， 想 用 最 低 的 成 本 实现 所 有 岛 











屿 相互 连通 。 











这 两 个 问题 都 可 以 用 MST 算 法 来 解决 ， 其 中 的 办 公 室 或 者 岛屿 可 以 表示 为 图 中 的 一 个 顶点 ， 





边 代表 成 本 。 这 里 我 们 有 一 个 图 的 例子 ， 其 中 较 粗 的 边 是 一 个 MST 的 解决 方案 。 

















本 节 我 们 将 学 习 两 种 主要 的 求 最 小 生成 树 的 算法 : Prim 算 法 和 Kruskal 算 法 。 


9.6.1 Prim 算法 

Prim 算 法 是 一 种 求解 加 权 无 向 连通 图 的 MST 问 题 的 贪心 算法 。 它 能 找 出 一 个 边 的 子 
其 构成 的 树 包 含 图 中 所 有 顶点 ， 且 边 的 权 值 之 和 最 小 。 

现在 ,通过 下 面 的 代码 来 看 看 Prim 算 法 是 如 何 工 作 的 : 


Wir 


























this. prim es funetion() 4 
Var parent = []， 
key = []， 
visited = []; 
length = this.graph.length, 
13 


key [i] 


for (i = 0; i < length; i++) { //{1} 
visited[i 


INF; 
] = false; 


} 
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key[0] = 0; //{2} 
parent [0] = -1; 


for (i = 0; i < length-1; i++) { //1{3} 
Var u = minKey (key, visited); //{4} 
visited[u] = true; //{5} 


for (var Vv = 0; Vv < length; v++) { 
if (this.graph[u]l[v] &é& visited[v] == false 
&& this.graph[u]l[v] < key[lv]) { //{6} 
parent[v] = u; //{7} 
key[v] = this.graph[lu] [v]; //{8} 
} 
} 
lj 
return parent; //{9} 


De 
下 面 是 对 算法 过 程 的 描述 。 


口 行 {1}: 首 先 ,把 所 有 顶点 (key ) 初 始 化 为 无 限 大 (JavaScript 最 大 的 数 INF = Number .MAX_ 
SAFE_INTEGER )，visited[] 初 始 化 为 false。 

口 行 {2}: 其 次 ,选择 第 一 个 key 作 为 第 一 个 顶点 ， 同 时 ， 因 为 第 一 个 顶点 总 是 MST 的 根 市 
点 ， 所 以 parent[0] = -1。 

口 行 {3}: 然后 ， 对 所 有 顶点 求 MST。 

口 行 {4}: 从 未 处 理 的 顶点 集合 中 选 出 key 值 最 小 的 顶点 (与 Dijkstra 算 法 中 使 用 的 函数 一 样 ， 
只 是 名 字 不 同 )。 

口 行 {5}: 把 选 出 的 顶点 标 为 visited， 以 免 重复 计算 。 

口 行 f6}: 如 果 得 到 更 小 的 权 值 ， 则 保存 MST 路 径 (parent， 行 17} ) 并 更 新 其 权 值 ( 行 
{8} )。 

口 行 {9}: 处 理 完 所 有 顶点 后 ， 返 回 包含 MST 的 结果 。 


























at 

















比较 Prim 算 法 和 Dijkstra 算 法 ， 我 们 会 发 现 除 了 行 17} 和 行 18} 之 外 ， 两 者 非 

常 相似 。 行 {7} 用 parent 数 组 保存 MST 的 结果 。 行 {8} 用 key 数 组 保存 权 值 最 小 

0 的 边 ， 而 在 Dijkstra 算 法 中 ， 用 dist 数 组 保存 距离 。 我 们 可 以 修改 Dijkstra 算 法 ， 加 
入 parent 数 组 。 这 样 ， 就 可 以 在 求 出 距离 的 同时 得 到 路 径 。 





对 如 下 的 图 执行 以 上 算法 : 

Va 二 这 3 的 en “20 i Or 0: Os 
[2 O02 2 Os 
[Ec Os “OW 3 05 
[了 
OW 2 Dy DO ls 
FON .0% OR 2 25 0 
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我 们 会 得 到 如 下 输出 : 
Edge Weight 
0-1 2 

于 2 2 

5 -3 2 

1 - 4 2 

4 - 5 2 


9.6.2 ”Kruskal 算法 


和 Prim 算 法 类 似 ，Kruskal 算 法 也 是 一 种 求 加 权 无 向 连通 图 的 MST 的 贪心 算法 。 


现在 ， 通 过 下 面 的 代码 来 看 看 Kruskal 算 法 是 如 何 工作 的 : 


this.kruskal = function() { 
Var length = this.graph.length, 
parent = [], cost, 
De 0 By 
cost = initializeCost(); //{1} 


while (ne < length-1) { //{2} 


for (i = 0, min = INF; i < length; i++) { //{3} 
for (j = 0; j < length; j++) { 
i (OSI < mr) 
min = cost[i][j] 
A 
V = j; 
} 
} 
3 
u find(u, parent); //{4} 


Vv find(v, parent); //{5} 

if (union(u, Vv, parent)) { //{6} 
me++， 

cost [ul[v]j = cost[v][u] = INF; //{7} 


} 
return parent; 


} 
下 面 是 对 算法 过 程 的 描述 。 








口 行 {2}: 当 MST 的 边 数 小 于 顶点 总 数 减 1 时 。 
口 行 {3}: 找 出 权 值 最 小 的 边 。 
口 行 [4} 和 行 {5}: 检查 MST 中 是 否 已 存在 这 条 边 ， 以 避免 环 路 。 
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口 行 {1}: 首先 ， 把 邻接 矩阵 的 值 复制 到 cost 数 组 ， 以 方便 修改 上 且 可 以 保留 原始 值 行 17}。 
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口 行 {6}: 如 果 u 和 v 是 不 同 的 边 ， 则 将 其 加 入 MST。 
口 行 {7}: 从 列表 中 移 除 这 些 边 ， 以 免 重复 计算 。 
口 行 {8}: 返回 MST。 














下 面 是 find 函 数 的 定义 。 它 能 防止 MST 出 现 环 路 : 





var find = function(i, parent) { 
while (Parent [i]) { 
i = parent [i]; 
} 
return i; 


}; 
union 国 数 的 定义 如 下 : 





var union = function(i, j, parent) { 
让 在 (A 
parent[j] = i; 
return true; 
} 
return false; 


本 
这 个 算法 有 几 种 变 体 。 这 取决 于 对 边 的 权 值 排序 时 所 使 用 的 数据 结构 ( 如 优先 队列 )， 以 及 
图 是 如 何 表 示 的 。 

















9.7 小 结 


本 章 涵 盖 了 图 的 基本 概念 。 我 们 学 习 了 几 种 不 同 的 方式 来 表示 这 一 数据 结构 , 并 实现 了 用 邻 
接 表 表示 图 的 算法 。 你 还 学 到 了 如 何 用 广度 优先 搜索 和 深度 优先 搜索 来 遍历 图 。 本 童 还 包括 了 广 
度 优先 搜索 和 深度 优先 搜索 的 两 个 实际 应 用 , 它们 分 别 是 使 用 广度 优先 搜索 来 找到 最 短路 径 ， 以 
及 使 用 深度 优先 搜索 来 做 拓扑 排序 。 


本 章 还 介绍 了 一 些 著名 的 算法 ， 如 计算 最 短路 径 的 Dijkstra 算 法 和 Floyd-Warshall 算 法 ， 以 及 | 
计算 图 的 最 小 生成 树 的 Prim 算 法 和 Kruskal 算 法 。 


下 一 章 ， 我 们 将 会 学 习 计算 机 科学 中 最 常用 的 排序 算法 。 
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排序 和 搜索 算法 








假设 我 们 有 一 个 没有 任何 排列 顺序 的 电话 号 码 表 ( 或 号 码 短 )。 当 需要 添加 联络 人 和 电话 时 ， 
你 只 能 将 其 写 在 下 一 个 空位 上 。 假定 你 的 联系 人 列表 上 有 很 多 人 , 茶 天 ,你 要 找 某 个 联系 人 及 其 
电话 号 码 。 但 是 由 于 联系 人 列表 没有 按照 任何 顺序 来 组 织 , 你 只 能 逐个 检查 ， 直 到 找到 那个 你 想 
要 的 联系 人 为 止 。 这 个 方法 太 吓 人 了 , 难道 你 不 这 么 认为 ? 想象 一 下 你 要 在 黄页 上 搜寻 一 个 联系 
人 ， 但 是 那 本 黄页 没有 进行 任何 组 织 ， 那 得 花 多 和 久 时 间 啊 ” ! 

因此 (还 有 其 他 原因 )， 我 们 需要 组 织 信息 集 ， 比 如 那些 存储 在 数据 结构 里 的 信息 。 排 序 和 
搜索 算法 广泛 地 运用 在 待 解决 的 日 常 问题 中 。 

本 章 ， 你 会 学 到 最 常用 的 排序 和 搜索 算法 ， 如 冒 泡 排序 、 选 择 排 序 、 插 入 排序、 归并 排序 、 
快速 排序 和 堆 排 序 ， 以 及 顺序 搜索 和 二 分 搜索 算法 。 














10.1 排序 算法 


从 上 面 的 引言 中 , 你 应 该 理解 ,对 给 定 信息 得 先 排序 再 搜索 。 本 闻 会 介绍 一 些 在 计算 机 科学 
中 最 著名 的 排序 算法 。 我 们 会 从 最 慢 的 一 个 开始 ， 接 着 是 一 些 性 能 较 好 的 算法 。 
在 开始 排序 算法 之 前 ， 我 们 先 创建 一 个 数组 〈 列表 ) 来 表示 待 排序 和 搜索 的 数据 结构 。 


function ArrayList()t{ 











var” array S|]; /Xi{1 


this.insert = function(item){ //{2} 
array .push (item); 


和 


this.toString= function(){ //{3} 
return array.join(); 
学 
} 
如 你 所 见 ，ArrayList 是 一 个 简单 的 数据 结构 ， 它 将 项 存储 在 数组 中 ( 行 {1} )。 我 们 只 需 
要 一 个 插入 方法 来 向 数据 结构 中 添加 元 素 ( 行 {2} ), 用 第 2 章 中 介绍 的 JavaScript Array 类 原生 的 
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push 方 法 即 可 。 最 后 ,为 了 帮助 我 们 验证 结果 ,tostring 方 法 使 用 JavaScript 原 生 Array 类 的 join 
方法 , 来 拼接 数组 中 的 所 有 元 素 至 一 个 单一 的 字符 串 ,， 这 样 我 们 就 可 以 轻松 地 在 浏览 器 的 控制 台 
输出 结果 了 。 








0 join 方法 拼接 数组 元 素 至 一 个 字符 串 ， 并 返回 该 宇 符 囊 。 








注意 ArrayList 类 并 没有 任何 方法 来 移 除数 据 或 插入 数据 到 特定 位 置 。 我 们 刻意 保持 简单 是 
为 了 能 够 专注 于 排序 和 搜索 算法 。 所 有 的 排序 和 搜索 算法 会 添加 至 这 个 类 中 。 


我 们 现在 开始 吧 ! 


10.1.1 ” 冒 泡 排序 


人 们 开始 学 习 排序 算法 时 ， 通 常 都 先 学 冒 泡 算法 ， 因 为 它 在 所 有 排序 算法 中 最 简单 。 然 而 ， 
从 运行 时 间 的 角度 来 看 ， 冒 泡 排序 是 最 差 的 一 个 ， 接 下 来 你 会 知晓 原因 。 


冒 泡 排序 比较 任何 两 个 相 邻 的 项 ， 如 果 第 一 个 比 第 二 个 大 ， 则 交换 它们 。 元 素 项 向 上 移动 至 
正确 的 顺序 ， 就 好 像 气 泡 升 至 表面 一 样 ， 冒 泡 排序 因此 得 名 。 


证 我 们 来 实现 一 下 冒 泡 排序 : 


this.bubbleSort = function(){ 
var length = array.length; //{1} 
for (var i=0; i<length; i++){ //{2} 
for (Var j=0; j<length-1; j++ ){ //{3} 
if (array[j] > array[j+1]){ //{4} 
swaplarray, j, j+1); /全 3 
} 
} 
} 
}; 


首先 ， 声 明 一 个 名 为 length 的 变量 ， 用 来 存储 数组 的 长 度 ( 行 {1} )。 这 一 步 可 选 ， 它 能 帮 
助 我 们 在 行 {2} 和 行 {3} 时 直接 使 用 数组 的 长 度 。 接着, 外 循环 ( 行 {2} ) 会 从 数组 的 第 一 位 迭代 
至 最 后 一 位 , 它 控制 了 在 数组 中 经 过 多 少 轮 排序 ( 应 该 是 数组 中 每 项 都 经 过 一 轮 ， 轮 数 和 数组 长 
度 一 致 )。 然后， 内 循环 将 从 第 一 位 迭代 至 倒数 第 二 位 ， 内 循环 实际 上 进行 当前 项 和 下 一 项 的 比 
较 ( 行 {4} )。 如 果 这 两 项 顺序 不 对 ( 当前 项 比 下 一 项 大 )， 则 交换 它们 ( 行 {5} ), 意思 是 位 置 为 
j+1 的 值 将 会 被 换 置 到 位 置 j 人 处 ， 反 之 亦 然 。 


现在 我 们 得 声明 swap 隐 数 (一 个 私有 函数 ， 只 能 用 在 ArrayList 类 的 内 部 代码 中 ): 


Var swap = function(array, indexl, index2){ 
Var aux = array [indexl1]; 
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array [index1] 
array [index2] 


}3 
交换 时 , 我 们 用 一 个 中 间 值 来 存储 某 一 交换 项 的 值 。 其 他 排序 法 也 会 用 到 这 个 方法 ， 因 此 我 
们 声明 一 个 方法 放置 这 段 交 换代 码 以 便 重 用 。 


如 果 使 用 在 第 1 章 学 过 的 ES6 ( ECMAScript 2015 ) 增强 的 对 象 属性 ， 这 个 函数 可 以 写成 下 面 
这 样 : 


array [index2]; 
aux; 





HH 





[array [index1], array[index2]] = [array[index2], array[indexl1]]; 


下 面 这 个 示意 图 展示 了 冒 泡 排 序 的 工作 过 














































































































































































































s|l4|[31[21[i1 -2 |][1 | 四] | [5 ] 3<4, 不 交换 
- 国 国 [3]|z][1 |5>4, 交换 -2 |[1 [3 1] 区] 区 | 4<s, 不 交换 
[ 4] 天 加 | ]| ] ;5>3, 交 斤 5 | 2> 1, 交换 
4||3 | 于 国 | | >: 交换 5 | 2 <3， 不 交换 
4|][3 | [2 |] 园 国 :> 六 | 5 | 3<4, 不 交换 
-4||3| 2 ||11|5 |4>3, 交换 加 4<5， 不 交换 
BB]| 国 国 |1|]|5|4>2, 将 号 者 3 | [4 || 5 | 1<2, 不 交换 
;3 | 上 2 | 国 国 |:] >， 六 [| 国 贺 |4]|5 |2<;, 不 < 
3 || :||[: | 国 圆 4<5, 不 交 [21 国 贺 |: |] :<-4. 不 次 
-| 加 | ][4|] [5 ] 3>2, 交换 111[2 1031 国 贺 :-:, 不 交 
2] 国 国 [jj[s]3>1, 并 jG] 
































该 示意 图 中 每 一 小 段 表 示 外 循环 的 一 轮 ( 行 {2} )， 而 相 邻 两 项 的 比较 则 是 在 内 循环 中 进行 
的 ( 行 {3} )。 


我 们 将 使 用 下 面 这 段 代码 来 测试 冒 泡 排序 算法 ， 看 结果 是 否 和 示意 图 所 示 一 致 : 


function createNonSortedArray (size){ //{6} 
Var array = new ArrayList(); 
for (var i = size; i> 0; i--)t{ 
array.insert (i); 
} 
return array; 


} 








Var array = createNonSortedArray (5); //{7} 


console.log(array.toString()); //{8} 
array .bubbleSort (); //{9} 
console.log(array.toString()); //{10} 





为 了 辅助 测试 本 章 将 要 学 习 的 排序 算法 , 我 们 将 创建 一 个 函数 来 自动 地 创建 一 个 未 排序 的 数 


图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


10.1 排序 算法 173 





组 ， 由 函数 参数 指定 ( 行 {6} ), 如果 传 递 5 作为 参数 , 该 函数 会 创建 如 下 数组 : 
3，2，1]。 调 用 这 个 函数 并 将 返回 值 存 储 在 一 个 变量 中 ， 该 变 Be 
| ( 行 {7} )。 我们 在 控制 台 上 输出 这 个 数组 内 容 ， 确 保 这 是 一 个 未 排序 数 
组 ( 行 {f8} ), 接着 我 们 调用 冒 泡 排 序 方法 ( 行 {9} ) 并 再 次 在 控制 台 上 输出 数组 内 容 以 验证 数组 
已 被 排序 了 ( 行 {10} )。 


人 你 可 以 从 书本 的 支持 页 面 (或 GitHub 仓 库 ) 所 下 载 的 源码 中 找到 完整 的 
ArrayList 源 码 和 测试 代码 ( 带 有 补充 注释 的 )。 











注意 当 算 法 执行 外 循环 的 第 二 轮 的 时 候 , 数字 4 和 5 已 经 是 正确 排序 的 了 。 尽 管 如 此 , 在 后 续 
比较 中 ,它们 还 一 直 在 进行 着 比较 ， 即 使 这 是 不 必要 的 。 因 此 ,我们 可 以 稍稍 改进 一 下 冒 泡 排序 
算法 。 

改进 后 的 冒 泡 排序 

如 果 从 内 循环 减 去 外 循环 中 已 跑 过 的 轮 数 ， 就 可 以 避免 内 循环 中 所 有 不 必要 的 比较 〈 行 11) )。 


this.modifiedBubbleSort = function(){ 
Var length = array.length; 
for (var i=0; i<length; i++){ 
for (var j=0; j<length-1-i; j++ ){ //{1} 
if (array[j] > array{[j+1])t{ 
swap(j, j+1); 
} 
} 
} 
}3 


下 面 这 个 示意 图 展示 了 改进 后 的 冒 泡 排 序 算法 是 如 何 执行 的 : 























sj jG 


国 国 加 回回 >， se 



































5 已 排序 [2 大 ] 
国 国 [zj 蚤 | 4>3, 交换 1 和 2 已 排序 
| 辆 转交 夯 辆 图 
品 口 国 国 国 ，, 六 


4 已 排序 


























日 
四 
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0 注意 已 经 在 正确 位 置 上 的 数字 没有 被 比较 。 即便 我 们 做 了 这 个 小 改变 , 改进 
了 一 下 冒 泡 排 序 算法 ， 但 我 们 还 是 不 推荐 该 算法 ， 它 的 复杂 度 是 O(n”)。 


我 们 将 在 第 12 章 详细 介绍 大 O 表 示 法 ， 对 算法 做 更 多 的 讨论 。 


10.1.2 ”选择 排序 


选择 排序 算法 是 一 种 原址 比较 排序 算法 。 选 择 排 序 大 致 的 思路 是 找到 数据 结构 中 的 最 小 值 并 
将 其 放置 在 第 一 位 ， 接 着 找到 第 二 小 的 值 并 将 其 放 在 第 二 位 ， 以 此 类 推 。 


下 面 是 选择 排序 算法 的 源 代码 : 


this.selectionSort = function()t{ 






































var length = array.length, //{1} 
indexMin; 
for (var i=0; i<length-1; i++){ A 2 
indexMin = i; //{3} 
for (var j=i; j<length; j++){ //{4} 
if(array[indexMin] >array[j]){ //{5} 
indexMin = j; //{6} 
} 
} 
if (i !== indexMin)f{ //{7} 


swap (i, indexMin); 
} 
} 

人 
首先 声明 一 些 将 在 算法 内 使 用 的 变量 ( 行 {1} )。 接着 ,外 循环 ( 行 {2} ) 迭代 数组 ， 并 控制 
迭代 轮 次 (数组 的 第 "个 值 一 一 下 一 个 最 小 值 ). 我 们 假设 本 迭代 轮 次 的 第 一 个 值 为 数组 最 小 值 ( 行 
{3} )。 然 后 ， 从 当前 i 的 值 开始 至 数组 结束 ( 行 {4} )， 我 们 比较 是 否 位 置 j 的 值 比 当 前 最 小 值 小 
( 行 15} ); 如 果 是 ,， 则 改变 最 小 值 至 新 最 小 值 ( 行 156} )。 当 内 循环 结束 ( 行 {4} ), 将 得 出 数组 第 
n 小 的 值 。 最 后 ， 如 果 该 最 小 值 和 原 最 小 值 不 同 ( 行 {7} )， 则 交换 其 值 。 

用 以 下 代码 段 来 测试 选择 排序 算法 : 

array = createNonSortedArray (5);} 

console.log(array.toString()); 


array.selectionSort (); 
console.log(array.toString()); 


下 面 的 示意 图 展示 了 选择 排序 算法 ， 此 例 基于 之 前 代码 中 所 用 的 数组 。 


数组 底部 的 箭头 指示 出 当前 迭代 轮 寻 找 最 小 值 的 数组 范围 ( 内 循环 {4} )， 示 意图 中 的 每 一 
步 则 表示 外 循环 。 


选择 排序 同样 也 是 一 个 复杂 度 为 O0o) 的 算法 。 和 胃 泡 排序 一 样 ， 它 包含 有 髓 套 的 两 个 循环 ， 
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这 导致 了 二 次 方 的 复杂 度 。 然 而 ， 接 下 来 要 


加 | 加 | 加 | 加 | 可 
aa 
OOD 
El 


国 | 辐 加 | 
jj] 


10.1.3 ”插入 排序 





学 的 插入 排序 比 选择 排序 性 能 要 好 。 





寻找 最 小 值 : 1; 交换 5 和 1 





寻找 最 小 值 : 2; 交换 4 和 2 


寻找 最 小 值 : 








寻找 最 小 值 : 








插入 排序 每 次 排 一 个 数组 项 , 以 此 方式 构建 最 后 的 排序 数组 。 假 定 第 一 项 已 经 排序 了 , 接着 ， 








它 和 第 二 项 进行 比较 , 第 二 项 是 应 该 待 在 原 位 还 是 插 到 第 一 项 之 前 呢 ? 这 样 , 头 两 项 就 已 正确 排 














序 ， 接 着 和 第 三 项 比较 ( 它 是 该 插入 到 第 一 、 








下 面 这 段 代码 表示 搬入 排序 算法 : 


this.insertionSort = function(){ 
Var length = array.length, 
j, temp; 
for (var i=1; i<length; i++){ 





] = i; 

temp = array[i]， 

while (j>0 && array[j-1] > temp 
array[j] = array{[j-1]; 


} 
}; 











第 二 还 是 第 三 的 位 置 呢 ? )， 以 此 类 推 。 





Ct 


//{2} 
//{3} 
/X44 

人 5 
//{6} 


//{7} 


照例 ， 算 法 的 第 一 行 用 来 声明 代码 中 使 用 的 变量 〈 行 11} )。 接 着 ， 迄 代数 组 来 给 第 i 项 找到 



































正确 的 位 置 ( 行 {2} )。 注 意 , 算法 是 从 第 二 个 位 置 ( 索引 1 ) 而 不 是 0 位 置 开 始 的 〈 我 们 认为 第 











一 项 已 排序 了 )。 然后， 用 i 的 值 来 初始 化 











个 辅助 变量 ( 行 {3} ) 并 将 其 值 亦 存储 于 一 临时 变量 








中 ( 行 {4} )， 便 于 之 后 将 其 插入 到 正确 的 位 置 上 。 下 一 步 是 要 找到 正确 的 位 置 来 搬入 项 目 。 只 
要 变量 j 比 0 大 ( 因为 数组 的 第 一 个 索引 是 o 一 一 没有 负 值 的 索引 ) 并 且 数 组 中 前 面 的 值 比 待 比较 
的 值 大 ( 行 {5} )， 我 们 就 把 这 个 值 移 到 当前 位 置 上 ( 行 {6} ) 并 减 小 j。 最 终 ， 该 项 目 能 插入 到 
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正确 的 位 置 上 。 








下 面 的 示意 图 展示 了 一 个 插入 排序 的 实例 : 



























































[3||si|li|[4|[2 
- 5||1 人 
国 国 国 [ 2 
国 国 国 [||2 
国 国 国 |:||: 
国 国 国 |:||2| 
国 国 国 国 上 2 





待 插入 5 
3<5, 插入 5 
待 插入 1 
5> 1， 换 位 
3> 1， 换 位 
到 达 索 引 位 置 0， 揪 入 1 
待 插入 4 














举 个 例子 ， 假 定 待 排序 数组 是 13，5，1，4， 


的 步骤 进行 排序 。 





















































国 贺 国 国 [: 
hl 
和 加 回国 | 区 
国 国 国 国 上] 
贺 贺 国 国 国 
| LIE 
国画 国画 国 
国 国 国 国 国 








5 > 4， 换 位 
3<4, 插入 4 
待 插入 2 
5>2, 换 
4>2, 换 
3>2, 换 
1<2, 插入 2 


Es 


Er 





辐 





2]。 这 些 值 将 被 插入 排序 算法 按照 下 面 形容 


(1) 3 已 被 排序 ， 所 以 我 们 从 数组 第 二 个 值 S 开 始 。3 比 5 小 ， 所 以 5 待 在 原 位 〈 数 组 的 第 二 位 )。 


3 和 5 排序 完毕 。 





(2) 下 一 个 待 排序 和 搬 到 正确 位 置 上 去 的 值 是 1 (目前 在 数组 的 第 三 位 )。5 比 1 大 ， 所 以 5 被 移 
至 第 三 位 去 了 。 我 们 得 分 析 1 是 否 应 该 被 插入 到 第 二 位 
了 。 接 着 ,我 们 得 证 明 1 应 该 插入 到 数组 的 第 一 位 上 。 








必须 被 插入 到 第 一 位 。1、3、 











5 三 个 数字 已 经 排序 。 























1 比 3 大 吗 ? 不 , 所 以 3 被 移 到 第 二 位 去 





因为 0 是 第 一 个 位 置 且 没 有 负数 位 ， 所 以 1 





(3) 4 应 该 在 当前 位 置 ( 索引 3 ) 还 是 要 移动 到 索引 较 低 的 位 置 上 呢 ?”4 比 5 小 ， 所 以 5 移动 


到 索引 3 位 置 上 去 。 那 么 应 该 把 4 可 





置 3 上 。 








ji 到 索引 2 的 位 置 上 去 吗 ? 4 要 比 3 大 ， 所 以 4 插入 到 数组 的 位 


(4) 下 一 个 等 插入 的 数字 是 2 (数组 的 位 置 4 )。5 比 2 大 ， 所 以 5 移动 至 索引 4。4 比 2 大 ， 所 以 4 
也 得 移动 (位置 3 ),。 3 也 比 2 大 ,所 以 3 还 得 移动 。1 比 2 小 ， 所 以 2 插入 到 数组 的 第 二 位 置 上 。 至 此 ， 


数组 已 排序 完成 。 











排序 小 型 数组 时 ， 此 算法 比 选择 排序 和 冒 泡 排 序 性 能 要 好 。 


SN 


10.1.4 ”归并 排序 




















归并 排序 是 第 一 个 可 以 被 实际 使 用 的 排序 算法 。 你 在 本 书 中 学 到 的 前 三 个 排序 算法 性 能 不 
好 ,但 归并 排序 性 能 不 错 ， 其 复杂 度 为 O(nlog”)。 
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JavaScript 的 Array 类 定义 了 一 个 sort 函 数 (Array.prototype.sort) 用 
以 排序 JavaScript 数 组 ( 我 们 不 必 自 己 实 现 这 个 算法 ), ECMAScript 没 有 定义 用 哪 
i 个 排序 算法 ， 所 以 浏览 器 厂商 可 以 自行 去 实现 算法 。 例如，Mozilla Firefox 使 用 
归并 排序 作为 Array .prototype.sort 的 实现 , 而 Chrome 使 用 了 一 个 快速 排序 
(下 面 我 们 会 学 习 的 ) 的 变 体 。 


归并 排序 是 一 种 分 治 算法 。 其 思想 是 将 原始 数组 切 分 成 较 小 的 数组 ,直到 每 个 小 数组 只 有 一 
个 位 置 ， 接 着 将 小 数组 归并 成 较 大 的 数组 ， 直 到 最 后 只 有 一 个 排序 完毕 的 大 数组 。 


由 于 是 分 治 法 ， 归 并 排序 也 是 递归 的 : 


this.mergeSort = function(){ 
array = mergeSortRec (array); 


中 

像 之 前 的 章节 一 样 ， 每 当 要 实现 一 个 递归 函数 ， 我 们 都 会 实现 一 个 实际 被 执行 的 辅助 函数 。 
对 归并 排序 我 们 也 会 这 么 做 。 我 们 将 声明 mergesort 方 法 以 供 随后 使 用 ， 而 mergesort 方 法 将 
会 调用 mergeSsortRec， 该 函数 是 一 个 递归 函数 : 


Var mergeSortRec = function(array)t{ 

Var length = array.length; 

if(length === 1) { //{1} 
return array; //{2} 

} 

var mid = Math.floor(length / 2), GF 
left = array.slice(0, mid), //{4} 
right = array.slice(mid, length); //{5} 


















































return merge (mergeSortRec (left), mergeSortRec(right)); //{6} 


把 

归并 排序 将 一 个 大 数组 转化 为 多 个 小 数组 直到 只 有 一 个 项 。 由 于 算法 是 递归 的 , 我 们 需要 一 
个 停止 条 件 ， 在 这 里 此 条 件 是 判断 数组 的 长 度 是 否 为 1( 行 {1} )。 如 果 是 ， 则 直接 返回 这 个 长 度 
为 1 的 数组 ( 行 {2} )， 因 为 它 已 排序 了 。 

如 果 数 组 长 度 比 1 大 ,那么 我 们 得 将 其 分 成 小 数组 ,为 此 ,首先 得 找到 数组 的 中 间 位 ( 行 {3} )， 
找到 后 我 们 将 数组 分 成 两 个 小 数组 ， 分 别 叫 作 1eft ( 行 {4} ) 和 right ( 行 15} )。1left 数 组 由 
索引 0 至 中 间 索 引 的 元 素 组 成 ， 而 *ight 数 组 由 中 间 索 引 至 原始 数组 最 后 一 个 位 置 的 元 素 组 成 。 

下 面 的 步 又 是 调用 merge 函 数 ( 行 {6} ), 它 负责 合并 和 排序 小 数组 来 产生 大 数组 ， 直 到 回 到 
原始 数组 并 已 排序 完成 。 为 了 不 断 将 原始 数组 分 成 小 数组 , 我 们 得 再 次 对 left 数 组 和 rignt 数 组 
递归 调用 mergesortRec， 并 同时 作为 参数 传递 给 merge 函 数 。 


Var merge = function(left, right)t 





















































var esult = "Ey yA C7 
i =s 0 
Te = 0 
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while(il < left.length && ir < right.length) 


E 
result .push (left [il++]); 


if(left[il] < right[ir]) 


} elset{ 


result.push (right[ir++]); 


} 
} 


while (il < left.length) 
result.push (left[il++] 
} 


{ 
| 过 


while (ir < right.length)t{ 
result.push (right[ir++]); 


} 


return result; 


于 汉 


/7 3 








最 后 ， 将 归并 数组 作为 结 





€ YX {8 
人 hr 
// {10} 
£7 LE} 
LA 12 





merge 函 数 接受 两 个 数组 作为 参数 ， 并 将 它们 归并 至 一 个 大 数组 。 排 序 发 生 在 归并 过 程 中 。 

首先 , 需要 声明 归并 过 程 要 创建 的 新 数组 以 及 用 来 迭代 两 个 数组 ( 1eft 和 rignt 数 组 ) 所 需 的 两 
个 变量 ( 行 {7} ) 和 迭代 两 个 数组 的 过 程 中 ( 行 18} ), 我 们 比较 来 自 left 数 组 的 项 是 否 比 来 自 right 
数组 的 项 小 。 如果 是 , 将 该 项 从 1eft 数 组 添加 至 归并 结果 数组 , 并 递增 迭代 数组 的 控制 变量 ( 行 
{9} ); 否则 ， 从 right 数 组 添加 项 并 递增 相应 的 迭代 数组 的 控制 变量 ( 行 {10} )。 


接 下 来 ,将 left 数 组 或 者 right 数 组 所 有 剩余 的 项 添加 到 归并 数组 中 ( 行 {11} 和 行 {12} )。 
返回 ( 行 {13} )。 


如 果 执 行 hergesort 函 数 ， 下 图 是 具体 的 执行 过 程 : 








| 8 
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回回 加 
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可 以 看 到 ,算法 首先 将 原始 数组 分 割 直至 只 有 一 个 元 素 的 子 数 组 ， 然 后 开始 归并 。 归 并 过 程 
也 会 完成 排序 ， 直 至 原始 数组 完全 合并 并 完成 排序 。 








10.1.5 ”快速 排序 


快速 排序 也 许 是 最 常用 的 排序 算法 了 。 它 的 复杂 度 为 O(nlog”)， 且 它 的 性 能 通常 比 其 他 的 复 
杂 度 为 O(nlog”) 的 排序 算法 要 好 。 和 归并 排序 一 样 ， 快 速 排序 也 使 用 分 治 的 方法 ,将 原始 数组 分 
为 较 小 的 数组 〈 但 它 没有 像 归并 排序 那样 将 它们 分 割 开 )。 


快速 排序 比 到 目前 为 止 你 学 过 的 其 他 排序 算法 要 复杂 一 些 。 让 我 们 一 步 步 地 来 学 习 。 


(1) 首先 ， 从 数组 中 选择 中 间 一 项 作为 主 元 。 

(2) 创建 两 个 指针 ， 左 边 一 个 指向 数组 第 一 个 项 ， 右 边 一 个 指向 数组 最 后 一 个 项 。 移 动 左 指 
针 直 到 我 们 找到 一 个 比 主 元 大 的 元 素 , 接着 , 移动 右 指针 直到 找到 一 个 比 主 元 小 的 元 素 , 然后 交 
换 它 们 , 重复 这 个 过 程 , 直到 左 指针 超过 了 右 指针 。 这 个 过 程 将 使 得 比 主 元 小 的 值 都 排 在 主 元 之 
前 ， 而 比 主 元 大 的 值 都 排 在 主 元 之 后 。 这 一 步 叫 作 划分 操作 。 

(3) 接着 ,算法 对 划分 后 的 小 数组 〈 较 主 元 小 的 值 组 成 的 子 数 组 ， 以 及 较 主 元 大 的 值 组 成 的 
子 数 组 ) 重复 之 前 的 两 个 步骤 ， 直 至 数组 已 完全 排序 。 

让 我 们 开始 快速 排序 的 实现 吧 : 

this.cuickSort = function(){ 
quick(array, 0, array.length - 1); 
说 

就 像 归并 算法 那样 ,开始 我 们 声明 一 个 主 方法 来 调用 递归 函数 ,传递 竺 排序 数组 ， 以 及 索引 
0 及 其 最 末 的 位 置 ( 因为 我 们 要 排 整个 数组 ， 而 不 是 一 个 子 数组 ) 作为 参数 。 


Var quick = function(array, left, right)t 

































































var index; //{1} 
if (array.length > 1) { //{2} 
index = partition(array, left, right); //{3} 
if (left < index - 1) { //{4} 
quick(array, left, index - 1); A 
} 
if (index < right) { //{6} 
quick(array, index, right); //{7} 
} 
} 
人 


首先 声明 index ( 行 {1} ), 该 变量 能 帮助 我 们 将 子 数组 分 离 为 较 小 值 数组 和 较 大 值 数 组 ,这 
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样 ， 我 们 就 能 再 次 递归 的 调用 quick 也 数 了 。partition 了 哺 数 返回 值 将 赋值 给 ingdex ( 行 {3} )。 


如 果 数 组 的 长 度 比 1 大 ( 因为 只 有 一 个 元 素 的 数组 必然 是 已 排序 了 的 ( 行 {2} )， 我 们 将 对 给 
定子 数组 执行 partition 操 作 (第 一 次 调用 是 针对 整个 数组 ) 以 得 到 index ( 行 {3} )。 如 果子 
数组 存在 较 小 值 的 元 素 〈 行 14} )， 则 对 该 数组 重复 这 个 过 程 ( 行 {5} )。 同 理 ， 对 存在 较 大 值得 
子 数组 也 是 如 此 ， 如 果 存 在 子 数组 存在 较 大 值 ， 我 们 也 将 重复 快速 排序 过 程 ( 行 {7} )。 


1. 划分 过 程 


第 一 件 要 做 的 事情 是 选择 主 元 ( pivot )， 有 好 几 种 方式 。 最 简单 的 一 种 是 选择 数组 的 第 一 
项 (最 左 项 )。 然 而 ， 研 究 表明 对 于 几乎 已 排序 的 数组 ， 这 不 是 一 个 好 的 选择 ， 它 将 导致 该 算法 
的 最 差 表 现 。 男 外 一 种 方式 是 随机 选择 一 个 数组 项 或 是 选择 中 间 项 。 


现在 ， 让 我 们 看 看 划分 过 程 : 












































var partition = function(array, left, right) { 


var pivot = array[Math.floor((right + left) / 2)], //{8} 
i = left, //1{9} 
本 gt //{10} 
while (i <= j) { 人 的 四 四 | 


while (array[i] < pivot) { //{12} 
++ 


while (array[j] > pivot) { //{13} 


if (ls 全 =) 1 攻 尺 叉 下 计 引 )} 
swap (array, i, j); //{15} 
en 
小 
} 
REt UT LT /ELE 
3 
在 本 实现 中 ， 我 们 选择 中 间 项 作为 主 元 ( 行 {8} )。 我 们 初始 化 两 个 指针 : left (〈 低 一 一 行 
{9} )， 初 始 化 为 数组 第 一 个 元 素 ; right (高 一 - 行 {10} )， 初始 化 为 数组 最 后 一 个 元 素 。 


只 要 left 和 right 指 针 没 有 相互 交错 ( 行 {11} )， 就 执行 划分 操作 。 首 先 ， 移动 left 指 针 
直到 找到 一 个 元 素 比 主 元 大 ( 行 {12} )。 对 right 指 针 ， 我 们 做 同样 的 事情 ， 移 动 right 指 针 直 
到 我 们 找到 一 个 元 素 比 主 元 小 。 


当 左 指针 指向 的 元 素 比 主 元 大 且 右 指针 指向 的 元 素 比 主 元 小 , 并 且 此 时 左 指针 索引 没有 右 指 
针 索 引 大 ( 行 {14} )， 意 思 是 左 项 比 右 项 大 ( 值 比较 )。 我 们 交换 它们 ， 然 后 移动 两 个 指针 ， 并 
重复 此 过 程 ( 从 行 {11} 再 次 开始 )。 
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在 划分 操作 结束 后 ， 返 回 左 指针 的 索引 ， 用 来 在 行 {3} 处 创建 子 数组 。 


swap 峭 数 和 我 们 在 本 章 开始 为 冒 泡 排序 算法 实现 的 相同 。 我 们 也 可 以 将 此 函数 检 换 为 以 下 
ES6 代 码 。 


[array [index1], array[index2]] = [array[index2], array[indexl1]]; 


2. 快速 排序 实战 
让 我 来 一 步 步 地 看 一 个 快速 排序 的 实际 例子 : 


jl | 
[于 | [| 没 轩 大 指针 IeR(D 和 有 指针 rghtdD 
会 会 


加 | 加 | 本 | [||2 |] 3<6, 3 tr 
省 会 
Ep 停止 


Solc] olslslt 22， 停 上 


6 一 0，Sstop 


避 加 中 名 站 站 向 交 折 二 2 
交换 6 和 2 


食 移动 两 个 指针 


Dj DPI 国生 ed 
合 会 

nel Le 
从 


[| ee 
会 会 停止 并 重新 开始 (从 位 置 0 到 位 置 left_1) 0 
给 定数 组 [3，5，1，6，4，7，2] ， 前 面 的 示意 图 展示 了 划分 操作 的 第 一 次 执行 。 


下 面 的 示意 图 展示 了 对 有 和 较 小 值 的 子 数组 执行 的 划分 操作 ( 注意 7 和 6 不 包含 在 子 数组 之 
内 ): 
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ENE EE Ee 
会 会 
| 5 5 | 3>1, 停止 左 指针 
二 ls) 
[3][5] 国 [2||4]|7||6| 2>1, 移动 右 指针 
合 会 
[3 5 国 |: |]|4| 7 || 6 | 1 一 1， 停止 右 指针 
合 会 各 动 指针 
国 |:j|3;]|2:]|14]|17 ||6] 5>1, 移动 右 指针 
1 丛 
本 :2 4 LDL 
会 会 (从 左 指针 位 置 到 位 置 4) 











接着 ,我们 继续 创建 子 数组 , 请 看 下 图 , 但 是 这 次 操作 是 针对 上 图 中 有 和 较 大 值 的 子 数组 (有 




























































































1 的 那个 较 小 子 数组 不 用 再 划分 了 ， 因 为 它 仅 含 有 一 个 项 )。 
主 元 为 3 
国 | 国 | | 加 | 四 | 醒 芽 设置 左 指针 leftGi) 和 右 指针 right() 
5 > 3， 停 止 左 指针 移动 
国生 
会 食 2 <3， 停止 左 指针 移动 
5 py 4 6 | 交换 5 和 2 
a| lalnlnalob 讨 
会 会 3 == 3， 停 止 右 指针 (left pointer) 
a Hl 
全 全 移动 指针 
停止 并 重新 开始 (位 置 从 right 
2 图 5 |[4 7 116 到 left1) a 











子 数组 ( [2，3，5，4] ) 中 的 较 小 子 数组 ( [2，3] ) 继续 进行 划分 (算法 代码 中 的 行 {5} ): 
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主 元 为 2 
设置 指针 lefti) 和 rightG) 








2 一 2， 停 目 
3> 2， 移 动 右 指针 


2 二 2, 停止 
交换 2 和 2 
移动 指针 





口 罗 回 史 回 











左 指针 超过 右 指针 
(从 位 置 3 到 位 置 4) 





| 
会 
加 
会 
D 
从 
加 
































贺 
加 
国 


史 [] 


然后 子 数组 ( [2，3，5，41 ) 中 的 较 大 子 数组 ( [5，4] ) 也 继续 进行 划分 ( 算法 中 的 行 
{7} )， 示 意图 如 下 : 











主 元 为 5 
设置 左 指针 left() 和 右 指 针 right() 


ktD 
ULD 
2 
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CN 

















6 | 5 一 5， 停 止 左 指针 
4<5， 停 止 并 重新 开始 
会 会 停止 ， 数 组 已 排序 


iD 
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主 元 为 7 
设置 左 指针 left(i) 和 右 指 针 right(j) 














7==7, 停止 左 指针 
6<7, 停止 左 指针 
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16 | 
会 作 上 党 
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left > right， 停 止 并 重新 开始 
停止 ， 数 组 已 排序 
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Un 





[7 
会 
[ 
会 
[5 
会 





最 终 ， 较 大 子 数组 [6，71] 也 会 进行 划分 (partition ) 操作 ， 快速 排序 算法 的 操作 执行 完成 。 10 





10.1.6“ 堆 排 序 
堆 排 序 也 是 一 种 很 高 效 的 算法 , 因 其 把 数组 当 作 二 又 树 来 排序 而 得 名 。 这 个 算法 会 根据 以 下 
信息 ， 把 数组 当 作 二 又 树 来 管理 。 


口 索引 0 是 树 的 根 节 点 ; 
口 除根 节点 外 ， 任 意 节 点 N 的 父 节 点 是 MV2; 
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口 市 点 L 的 左 子 节 点 是 2*L; 
口 节点 R 的 右 子 节 点 是 2*R+1。 




















举例 来 说 ， 可 以 将 数组 L3，5，1，6，4，7，2] 想 象 成 下 面 的 树 : 

















堆 排序 算法 实现 如 下 : 


this.heapSort = function() { 
var heapSize = array.length; 
buildHeap(array); //{1} 


while (heapSize > 1) { 
heapSize--; 
swap(array, 0, heapSize); //{2} 
heapify(array, heapSize, 0); //{3} 
js 


A 


第 一 步 ， 构 造 一 个 满足 array [parent (i)] > array [i] 的 堆 结构 ( 行 {1} )。 











第 二 步 ， 交 换 堆 里 第 一 个 元 素 ( 数组 中 较 大 的 值 ) 和 最 后 一 个 元 素 的 位 置 ( 行 {2} )。 这 样 ， 
最 大 的 值 就 会 出 现在 它 已 排序 的 位 置 。 





第 二 步 可 能 会 丢掉 堆 的 属性 。 因 此 , 我 们 还 需要 执行 一 个 heapi fy 函数 ,再 次 将 数组 转换 成 
堆 ， 也 就 是 说 ， 它 会 找到 当前 堆 的 根 节点 ( 较 小 的 值 )， 重 新 放 到 树 的 底部 。 


builgdHeap 捕 数 实现 如 下 : 





var buildHeap = function(array)t{ 
var heapSize = array.length; 
for (var i = Math.floor(array.length / 2); i >= 0; i--) { 
heapify(array, heapSize, i); 
} 
} 四 


如 果 对 数组 [3，5，1，6，4，7，21] 调 用 buildqHeap 函 数 ， 堆 的 构建 过 程 如 下 : 
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3 1 5 6 3 4 5 6 














最 后 ，heapify 函 数 实 现 如 下 : 


var heapify = function(array, heapSize, i){ 
Var left 三 工头 2 二 1, 
Lght SL 2 二 25 
largest = 工 ; 


if (left < heapSize && array[left] > array[1argest]) { 
largest = left; 
} 


if (right < heapSize && array[right] > array[largest]) { 
largest = right; 
} 


if (largest !== i) { 
swap (larray, i, largest); 
heapify(array, heapSize, largest); 
} 


堆 构 造 好 之 后 ， 就 可 以 应 用 堆 排 序 的 算法 了 ， 也 就 是 行 {2} 和 行 {3}。 
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10.1.7 ”计数 排序 、 桶 排序 和 基数 排序 分 布 式 排 序 ) 


到 目前 为 止 , 你 已 经 学 习 了 如 何在 不 借助 任何 辅助 数据 结构 的 情况 下 对 数组 进行 排序 。 还 有 
一 类 被 称 为 分 布 式 排序 的 算法 ， 原 始 数组 中 的 数据 会 分 发 到 多 个 中 间 结 构 〈 桶 )， 再 合 起 来 放 回 
原始 数组 。 


最 著名 的 分 布 式 算法 有 计数 排序 、 桶 排序 和 基数 排序 。 这 三 种 算法 非常 相似 。 


























本 书 不 打算 介绍 这 几 种 算法 。 不 过 ， 你 可 以 在 本 书 源码 包 或 GitHub 项 目 
https://github.com/loiane/ javascript-datastructures-algorithms 中 找到 算法 的 例子 。 
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10.2 ”搜索 算 ; 


现在 , 让 我 们 来 谈 谈 搜索 算法 。 回 顾 一 下 之 前 章节 所 实现 的 算法 ,我 们 会 发 现 BinarySearch 
Tree 类 的 search 方 法 (第 8 章 )， 以 及 LinkedList 类 的 ingexof 方 法 (第 5 章 ) 等 ， 都 是 搜索 算 
法 ,当然 ,它们 每 一 个 都 是 根据 其 各 自 的 数据 结构 来 实现 的 。 所 以 , 我 们 已 经 熟悉 两 个 搜索 算法 
了 ， 只 是 还 不 知道 它们 “正式 ”的 名 称 而 已 。 








10.2.1 顺序 搜索 


顺序 或 线性 搜索 是 最 基本 的 搜索 算法 。 它 的 机 制 是 , 将 每 一 个 数据 结构 中 的 元 素 和 我 们 要 找 
的 元 素 做 比较 。 顺 序 搜索 是 最 低 效 的 一 种 搜索 算法 。 


以 下 是 其 实现 : 






































this.sequentialSearch = function(item)t 
for (var i=0; i<array.length; i++){ //{1} 
if (item === array [i]) Lt 
return i; //{3} 
} 
} 
return -1; //{4} 
了 


顺序 搜索 迭代 整个 数组 ( 行 {1} )， 并 将 每 个 数组 元 素 和 搜索 项 作 比 较 〈 行 12} )。 如 果 搜 索 
到 了 ， 算 法 将 用 返回 值 来 标示 搜索 成 功 。 返 回 值 可 以 是 该 搜索 项 本 身 ， 或 是 crue， 又 或 是 搜索 
项 的 索引 ( 行 {3} )。 如 果 没 有 找到 该 项 ， 则 返回 -1 ( 行 {4} )， 表 示 该 索引 不 存在 ; 也 可 以 考虑 
返回 false 或 者 null。 


假定 有 数组 [5，4，3，2，1] 和 待 搜索 值 3， 下 图 展示 了 顺序 搜索 的 示意 图 : 













































































[4 [3 [2 ] 已 |] 查 报 灼 字 3 

强 | 4 || :|| :|| 1 |]5 一 3 否 , 下 一 个 ! 
页 | : |]| :|| | 4 一 3? 否 , 下 一 个 ! 
4 让 有 2|| 1 | 3 一 3? 是 的 ,找到 了 ! 























10.2.2 ”二 分 搜索 


二 分 搜索 算法 的 原理 和 猜 数 字 游 戏 类 似 ,就 是 那个 有 人 说 “我 正 想 着 一 个 1 到 100 的 数字 ”的 
游戏 。 我 们 每 回应 一 个 数字 ， 那 个 人 就 会 说 这 个 数字 是 高 了 、 低 了 还 是 对 了 。 
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这 个 算法 要 求 被 搜索 的 数据 结构 已 排序 。 以 下 是 该 算法 遵循 的 步骤 。 


(1) 选择 数组 的 中 间 值 。 

(2) 如 果 选 中 值 是 待 搜索 值 ， 那 么 算法 执行 完毕 〈 值 找到 了 )。 

(3) 如 果 待 搜索 值 比 选中 值 要 小 ， 则 返回 步骤 1 并 在 选中 值 左边 的 子 数组 
(4) 如 果 待 搜索 值 比 选中 值 要 大 ， 则 返回 步骤 1 并 在 选 种 值 右 边 的 子 数组 


以 下 是 其 实现 : 











this.binarySearch = function(Iitem) { 
thisSs onliekeore() yy /tL 


var low = 0, 2 
high = array.length - 1, //{3} 
mid, element; 


while (low <= high){ //{4} 
mid = Math.floor((low + high) / 2); //{5} 


element = array [mid]; //{6} 
if (element < item) { A 
low = mid + 1; //{8} 
} else if (element > item) { 3 
high = mid - 1; //{10} 
} else { 
return mid; 人 /4 上 让 


3} 
3 
return = /tL2) 
} 四 








中 寻找 。 
中 寻找 。 


开始 前 需要 先 将 数组 排序 ， 我 们 可 以 选择 任何 一 个 在 10.1 节 中 实现 的 排序 算法 。 这 里 我 们 选 


择 了 快速 排序 。 在 数组 排序 之 后 , 我 们 设置 1ow ( 行 {2} ) 和 high( 行 13} ) 指针 (它们 是 边界 )。 


当 low 比 high 小 时 (〈 行 1L4} )， 我 们 计算 得 到 中 间 项 索引 并 取得 中 间 项 的 值 ， 此 处 如 果 1ow 比 
high 大 ， 则 意思 是 该 待 搜索 值 不 存在 并 返回 -1 ( 行 {12} )。 接 着 ， 我 们 比较 选中 项 的 值 和 搜索 


值 ( 行 {7} )。 如 果 小 了 ， 则 选择 数组 低 半 边 并 重新 开始 。 如 果 选 中 项 的 值 比 搜索 值 大 了 ， 





























则 选 


择 数组 高 半边 并 重新 开始 。 若 两 者 都 是 不 是 ,， 则 意味 着 选中 项 的 值 和 搜索 值 相等 ， 因 此 ,直接 返 





回 该 索引 ( 行 {11} )。 





给 定 下 图 所 示 数 组 ， 让 我 们 试 试看 搜索 >。 这 些 是 算法 将 会 执行 的 步 又 : 
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作出 寻找 数字 2 























人 

le Haas 
会 会 到 mi 之 前 一 个 位 置 
ss 
































第 8 章 中 ， a 和 这 个 二 
分 搜索 完全 一 样 ，5 是 针对 树 数 据 结构 的 。 


10.3 ”小结 


本 章 介绍 了 排序 和 搜索 算法 。 你 学 到 了 冒 泡 、 选 择 、 择 入 、 归 并 、 快 速 以 及 堆 排 序 算法 ， 
们 是 用 来 排序 数据 结构 的 。 你 还 学 到 了 顺序 搜索 和 二 分 搜索 ( 需要 数据 结构 已 排序 )。 


本 章 中 你 所 掌握 的 方法 可 以 运用 到 任何 数据 结构 或 数据 类 型 上 , 你 只 需 在 源 代码 上 做 一 些 必 
要 的 修改 即 可 。 


下 一 章 ， 我 们 要 学 习 一 些 高 级 算法 技巧 。 
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到 现在 为 止 ， 我 们 愉快 地 学 习 了 不 同 的 数据 结构 的 实现 ， 其 中 包括 常用 的 排序 和 搜索 算法 。 
算法 和 编程 的 世界 很 有 意思 。 本章, 你 会 进一步 了 解 这 个 世界 ,并 且 我 们 将 探讨 进一步 深入 其 中 
的 途径 ( 如 果 你 感 兴趣 的 话 )。 























我 们 将 介绍 第 8 章 中 提 到 过 的 递归 ， 还 将 学 习 动 态 规划 和 贪心 算法 。 此 外 ， 我 们 还 会 介绍 一 
些 著 名 的 问题 。 





11.1 递归 

















递归 是 一 种 解决 问题 的 方法 , 它 解 决 问题 的 各 个 小 部 分 ， 直到 解决 最 初 的 大 问题 。 递归 通常 
涉及 函数 调用 自身 。 
递归 函数 是 像 下 面 这 样 能 够 直接 调用 自身 的 方法 或 函数 : 
function recursiveFunction(someParam){ 
recursiveFunction(someParam); 


中 
能 够 像 下 面 这 样 间 接 调 用 自身 的 函数 ， 也 是 递归 函数 : 























function recursiveFunctionl (someParam)t{ 
recursiveFunction2 (someParam); 

站 

function recursiveFunction2 (SomeParam) { 
recursiveFunctionil (someParam); 


了 


假设 现在 必须 要 执行 recursiveFunction， 结 果 是 什么 ? 单单 就 上 述 情况 而 言 ， 它 会 一 直 








执行 下 去 。 因 此 ， 每 个 递归 函数 都 必须 要 有 边界 条 件 ， 即 一 个 不 再 递归 调用 的 条 件 (停止 点 )， 
以 防止 无 限 递归 。 
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11.1.1 JavaScript 调用 栈 大 小 的 限制 


如 果 忘 记 加 上 用 以 停止 函数 递归 调用 的 边界 条 件 , 会 发 生 什 么 呢 ? 递归 并 不 会 无 限 地 执行 下 
浏览 器 会 抛 出 错误 ， 也 就 是 所 谓 的 栈 洪 出 错误 (stack overflow error )。 


每 个 浏览 器 都 有 自己 的 上 限 ， 可 用 以 下 代码 测试 : 














去 





> 


Var i = 0; 


function recursivern () { 
i++; 
recursiverFn(); 


} 


try { 
recursivern(); 
} catch (ex) { 
alert('i = ' +i+ ' error: ' + ex); 


} 


在 Chrome v37 中 ， 这 个 函数 执行 了 20 955 次 ， 而 后 浏览 器 抛 出 错误 RangeError: Maximum 
call stack size exceeded ( 超 限 错误 : 超过 最 大 调用 栈 大 小 )。 在 Firefox v27 中 ， 唤 数 执行 
了 343 429 次 ， 然 后 浏览 器 抛 出 错误 InternalError: too much recursion (内 部 错误 : 递 
归 次 数 过 多 )。 








旬 根据 操作 系统 和 浏览 器 的 不 同 ， 有 具体 数值 会 所 有 不 同 ， 但 区 别 不 大 。 


ECMAScript 6 有 尾 调 用 优化 (tail call optimization )。 如 果 函 数 内 最 后 一 个 操作 是 调用 函数 (就 
像 示例 中 加 粗 的 那 行 )， 会 通过 “ 跳 转 指令 ”( jump ) 而 不 是 “ 子 程序 调用 ”( subroutine call ) 来 
控制 。 也 就 是 说 ， 在 ECMAScript 6 中 ， 这 里 的 代码 可 以 一 直 执行 下 去 。 所 以 ， 具 有 停止 递归 的 边 
界 条 件 非常 重要 。 




















0 有 关 尾 调用 优化 的 更 多 相关 信息 ， 请 访问 http://goo.gl/ZdTZzg。 


11.1.2” 斐 波 那 契 数列 
回 到 第 10 章 提 到 的 斐 波 那 契 问题 。 斐 波 那 契 数 列 的 定义 如 下 ; 


口 1 和 2 的 斐 波 那 契 数 是 1; 
口 n(n>2 ) 的 斐 波 那 契 数 是 (o-1) 的 斐 波 那 契 数 加 上 (nz-2) 的 斐 波 那 契 数 。 


那么 ， 让 我 们 开始 实现 斐 波 那 契 函 数 : 
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function fibonaccil(num) 1{ 
Tf (Ti Sat | | nin 2 
return 1; 
} 
} 


边界 条 件 是 已 知 的 ，1 和 2 的 斐 波 那 契 数 ( 行 11} ) 是 1。 现 在 ， 让 我 们 完成 斐 波 那 契 函数 的 
实现 : 



































function fibonacci (num)t{ 
Tf (rin Sas 1 | ‘MU Ss) 
return 1; 
} 
return fibonacci (num - 1) + fibonacci (num - 2); 


} 
我 们 已 经 知道 ， 当 n 大 于 2 时 ，Fibonacci(n) 等 于 Fibonacci(n-1)+Fibonacci(n-2)。 


现在 ， 斐 波 那 契 函 数 实现 完毕 。 让 我 们 试 着 找 出 6 的 斐 波 那 契 数 ， 其 会 产生 如 下 函数 调用 : 




















我 们 也 可 以 用 非 递归 的 方式 实现 斐 波 那 契 函数 : 


function fip(num) 1 


二 站 全 放生 
he 
a 
for (var i = 3; i<=num; i++){ 
全 .这 未 D2 
i 
i 
} 
return n 
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为 何 用 递归 呢 ? 更 快 吗 ? 递归 并 不 比 普通 版 本 更 快 , 反倒 更 慢 。 但 要 知道 , 递归 更 容易 理解 ， 
并 且 它 所 需 的 代码 量 更 少 。 


在 ECMAScript 6 中 ， 因 为 尾 调用 优化 的 缘故 ,递归 并 不 会 更 慢 。 但 是 在 其 他 
语言 中 ， 递 归 通 常 更 慢 。 



































所 以 ， 我们 用 递归 ， 通常 是 因为 它 更 容易 解决 问题 。 


11.2 ”动态 规划 


动态 规划 (Dynamic Programming，DP ) 是 一 种 将 复杂 问题 分 解 成 更 小 的 子 问 题 来 解决 的 优 
化 技术 。 


本 书 之 前 提 到 过 几 次 动态 规划 技术 。 用 动态 规划 解决 的 一 个 问题 是 第 9 章 中 的 深度 优先 搜索 。 
省 要 注意 动态 规划 和 分 而 治之 ( 归并 排序 和 快速 排序 算法 中 用 到 的 那 种 ) 是 不 




















同 的 方法 。 分 而 治之 方法 是 把 问题 分 解 成 相互 独立 的 子 问 题 ， 然 后 组 合 它 们 的 答 
案 ， 而 动态 规划 则 是 将 问题 分 解 成 相互 依赖 的 子 问题 。 








另 一 个 例子 是 上 一 节 解 决 的 斐 波 那 契 问 题 。 我 们 将 斐 波 那 契 问题 分 解 成 如 该 节 图 示 的 小 问题 。 
用 动态 规划 解决 问题 时 ， 要 遵循 三 个 重要 步骤 : 


(1) 定义 子 问题 ; 
(2) 实现 要 反复 执行 来 解决 子 问题 的 部 分 (这 一 步 要 参考 前 一 他 讨论 的 递归 的 步 又) 
(3) 识别 并 求解 出 边界 条 件 。 


能 用 动态 规划 解决 的 一 些 著名 的 问题 如 下 。 


口 背包 问题 : 给 出 一 组 项 目 ， 各 自 有 值 和 容量 ， 目 标 是 找 出 总 值 最 大 的 项 目的 集合 。 这 个 
问题 的 限制 是 ， 总 容量 必须 小 于 等 于 “背包 ”的 容量 。 

口 最 长 公共 子 序列 : 找 出 一 组 序列 的 最 长 公共 子 序列 ( 可 由 男 一 序列 删除 元 素 但 不 改变 余 
下 元 素 的 顺序 而 得 到 )。 

口 矩阵 链 相 乘 : 给 出 一 系列 矩阵 ， 目 标 是 找到 这 些 和 矩阵 相 乘 的 最 高 效 办 法 〈 计算 次 数 尽 可 
能 少 )。 相 乘 操作 不 会 进行 ， 解 决 方案 是 找到 这 些 和 矩 阵 各 自 相 乘 的 顺序 。 

口 硬币 找 零 : 给 出 面额 为 收 … 思 ,的 一 定数 量 的 硬币 和 要 找 零 的 钱 数 ， 找 出 有 多 少 种 找 零 的 
方法 。 

口 图 的 全 源 最 短路 径 : 对 所 有 顶点 对 (u,v)， 找 出 从 顶点 wu 到 顶点 v 的 最 短路 径 。 我 们 在 第 9 章 
已 经 学 习 过 这 个 问题 的 Floyd-Warshall 算 法 。 
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接 下 来 几 节 ， 我 们 会 一 一 讲解 这 些 问 题 。 


在 Google、Amazon、Microsoft、Oracle 等 大 公司 的 编程 面试 中 ,这 些 问 题 及 
其 解决 方案 非常 常见 。 


11.2.1 最 少 硬 币 找 零 问 题 


最 少 硬币 找 零 问题 是 硬币 找 零 问题 的 一 个 变种 。 硬 币 找 零 问题 是 给 出 要 找 零 的 钱 数 ,以 及 可 
用 的 硬币 面额 41…q, 及 其 数量 , 找 出 有 多 少 种 找 零 方 法 。 最 少 硬币 找 零 问 题 是 给 出 要 找 零 的 钱 数 ， 
以 及 可 用 的 硬币 面额 41…4d, 及 其 数量 ， 找 到 所 需 的 最 少 的 硬币 个 数 。 


例如 ， 美 国有 以 下 面额 (硬币 ): 41=1, qd;=5,， ds=10，d4s=25。 
如 果 要 找 36 美 分 的 零钱 ， 我 们 可 以 用 1 个 2$ 美 分 、1 个 10 美 分 和 1 个 便士 ( 1 美 分 )。 
如 何 将 这 个 解答 转化 成 算法 ? 


最 少 硬币 找 零 的 解决 方案 是 找到 n 所 需 的 最 小 硬币 数 。 但 要 做 到 这 一 点 ， 首 先 得 找到 对 每 个 
x<n 的 解 。 然 后 ， 我 们 将 解 建立 在 更 小 的 值 的 解 的 基础 上 。 





























来 看 看 算法 : 

function MinCoinChange (coins)f{ 
var coins = coins; //{1} 
var cache = {}; //{2} 


this.makeChange = function(amount) { 


var me = this; 

if (!amount) { //{3} 
return []; 

l 

if (cache[amount]) { //{4} 


return cachelamount]; 
} 
var min = [], newMin, newAmount; 
for (var i=0; i<coins.length; i++){ //{5} 
Var coin = coins[i]; 
newAmount = amount - coin; //{6} 
if (newAmount >= 0)f{ 
newMin = me.makeChange (newAmount); //{7} 


} 


TE 
newAmount >= 0 && //{8} 
(newMin.length < min.length-1 || !min.length)//{9} 
&& (newMin.length || !InewAmount) //{10}) 
{ 
min = [coin] .concat (newMin); //{11} 
console.log('new Min ' + min + ' for ' + amount); 
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} 
} 
return (cache[amount] = min); //{12} 
ye 
1 
为 了 更 有 条 理 , 我 们 创建 了 一 个 类 , 解决 给 定 面额 的 最 少 硬币 找 零 问题 。 让 我 们 一 步 步 解读 
这 个 算法 。 
MinCoinChange 类 接收 coins 参 数 ( 行 {1} )， 该 参数 代表 问题 中 的 面额 。 对 美国 的 硬币 系 
统 而 言 ， 它 是 [1L，5，10，25]。 我 们 可 以 随心 所 欲 传递 任何 面额 。 此 外 ， 为 了 更 加 高 效 且 不 重 
复 计 算 值 ， 我 们 使 用 了 cache ( 行 12} )。 


接 下 来 是 makechange 方 法 ， 它 也 是 一 个 递归 函数 ， 找 零 问 题 由 它 解决 。 首 先 ， 若 amount 
不 为 正 (<0 )， 就 返回 空 数 组 ( 行 {3} ) 方法 执行 结束 后 ， 会 返回 一 个 数组 ， 包 含 用 来 找 零 的 各 
个 面额 的 硬币 数量 (最少 硬币 数 )。 接 着 ， 检 查 cache 绥 存 。 若 结果 已 缓存 ( 行 {4} )， 则 直接 返 
回 结果 ; 和 否则， 执行 算法 。 

我 们 基于 coins 参 数 ( 面额 ) 解 决 问题 。 因此, 对 每 个 面额 ( 行 {5} ), 我 们 都 计算 newamount 
( 行 {6} ) 的 值 , 它 的 值 会 一 直 减 小 , 直到 能 找 零 的 最 小 钱 数 ( 别 忘 了 本 算法 对 所 有 的 x < amount 
都 会 计算 makechange 结 果 )。 若 newamount 是 合理 的 值 ( 正 值 ), 我 们 也 会 计算 它 的 找 零 结果 ( 行 
{7} ) 

最 后 ， 我 们 判断 newAmount 是 否 有 效 ，minvalue (最 少 人 硬币 数 ) 是 否 是 最 优 解 ， 与 此 同时 
minValue 和 newAmount 是 否 是 合理 的 值 ( { 行 10} )。 若 以 上 判断 都 成 立 ， 意 味 着 有 一 个 比 之 前 
更 优 的 答案 ( 行 111}。 以 $ 美 分 为 例 , 可 以 给 $ 便 士 或 者 1 个 $ 美 分 镍 币 ，1 个 $ 美 分 钊 币 是 最 优 解 )。 
最 后 ， 返 回 最 终结 果 ( 行 {12} )。 

测试 一 下 这 个 算法 : 


Var minCoinChange = new MinCoinChange([1, 5, 10, 25]); 
console.log (minCoinChange.makeChange (36) ) ; 


要 知道 ， 如 果 我 们 检查 cache 变 量 ， 会 发 现 它 存储 了 从 1 到 36 美 分 的 所 有 结果 。 以 上 代码 的 
结果 是 [1L，10，25]。 

本 书 的 源码 中 会 有 几 行 多 余 的 代码 ， 输 出 算法 的 步 又。 例如 ， 使 用 面额 L1，3 ，4] ， 并 对 钱 
数 6 执 行 算法 ， 会 产生 以 下 输出 : 

































































new Min 1 for 1 
new Min 1,1 for 2 
new Min 1,1,1 for 3 
new Min 3 for 3 
new Min 1,3 for 4 
new Min 4 for 4 
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new Min 1,4 for 5 
new Min 1,1,4 for 6 
new Min 3,3 for 6 
[3, 3] 


所 以 ， 找 零钱 数 为 6 时 ， 最 佳 答案 是 两 枚 价值 为 3 的 硬币 。 


11.2.2 ”背包 问题 

背包 问题 是 一 个 组 合 优化 问题 。 它 可 以 描述 如 下 : 给 定 一 个 固定 大 小 、 能 够 携 重 W 的 彰 
以 及 一 组 有 价值 和 重量 的 物品 ， 找 出 一 个 最 佳 解决 方案 ， 使 得 装 入 背包 的 物品 总 重量 不 超过 W ， 
且 总 价值 最 大 。 

















下 面 是 一 个 例子 : 
物品 # 重 量 价 值 
1 2 3 
3 4 
4 5 





考虑 背包 能 够 携带 的 重量 只 有 5。 对 于 这 个 例子 ， 我 们 可 以 说 最 佳 解决 方案 是 往 背 包 里 装 入 
物品 1 和 物品 2， 这 样 ， 总 重量 为 5， 总 价值 为 7。 





这 个 问题 有 两 个 版 本 。0-1 版 本 只 能 往 背 包 里 装 完整 的 物品 ， 而 分 数 背 包 问 
0 题 则 允许 装 入 分 数 物品 。 在 这 个 例子 里 ， 我 们 将 处 理 该 问题 的 0-1 版 本 。 动 态 规 
划 对 分 数 版 本 无 能 为 力 ， 但 本 章 稍 后 要 学 习 的 贪心 算法 可 以 解决 它 。 
我 们 来 看 看 下 面 这 个 背包 算法 : 
function knapSack (capacity, weights, values, n) { 
var i, w, a, b, ksS = []; 


f(T 0 TE A LT) 


KS SL 
} 
上 OR (T0357 二 之 = 二 下) 区 
for (w = 0; w <= capacity; w++) { 
i (0 0 
kS[i][w] = 0; 
} else if (weights[i-1] <= w) { //{3} 
a = values[i-1] + kS[i-1] [w-weights[i-1]]; 
b = kS[i-1] [w]; 
kS[i][w] = (a > b) ?a :pi //{4} max(a,b) 
} else { 
KS[i] [w] = kS[i-1] [w]; //{5} 
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} 
} 
} 
return kS[n] [capacity]; //{6} 
} 


我 们 来 看 看 这 个 算法 是 如 何 工作 的 。 


口 行 {1}: 首先 ， 初 始 化 将 用 于 寻找 解决 方案 的 矩阵 ks [n+1] [capacity+1]。 

口 行 {2}: 忽略 矩阵 的 第 一 列 和 第 一 行 ， 只 处 理 索 引 不 为 0 的 列 和 行 。 

口 行 {3}: 物品 i 的 重量 必须 小 于 约束 (capacity ) 才 有 可 能 成 为 解决 方案 的 一 部 分 ; 否则 ， 
总 重量 就 会 超出 背包 能 够 携带 的 重量 ， 这 是 不 可 能 发 生 的 。 发 生 这 种 情况 时 ， 只 要 忽略 
它 ， 用 之 前 的 值 就 可 以 了 ( 行 {5} )。 

口 行 {4}: 当 找 到 可 以 构成 解决 方案 的 物品 时 ， 选 择 价值 最 大 的 那个 。 

口 行 {6}: 最 后 ,问题 的 解决 方案 就 在 这 个 二 维 表格 右 下 角 的 最 后 一 个 格子 里 。 


我 们 可 以 用 开头 的 例子 来 测试 这 个 算法 : 












































Var values = [3，4，5]， 
weights = [2, 3, 4], 
capacity = 5， 
n = values.length; 
console.log(knapSack (capacity, weights, values, n)); // 输 出 7 


下 图 举例 说 明了 例子 中 ks 矩阵 的 构造 : 





























请 注意 ,这 个 算法 只 输出 背包 携带 物品 价值 的 最 大 值 ， 而 不 列 出 实际 的 物品 。 我 们 可 以 增加 1 
下 面 的 附加 函数 来 找 出 构成 解决 方案 的 物品 : 


function findValues(n, capacity, KkS, weights, values) { 
var i = n, k = capacity; 
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console.1log(' 解 决 方案 包含 以 下 物品 : :) 


while (i >0 && k >0) I{ 
if (ks[il[k] !== ks[i-1][k]) { 
console.1og(' 物 品 ' + i + '， 重 量 : ' + weights[i-1] + '， 价值: ' + values[i-1]); 
ry 
kk SR 
LESSEE 
Ds 
} 
} 
} 


我 们 可 以 在 knapsack 函 数 的 行 {6} 之 前 调用 这 个 函数 。 执 行 完整 的 算法 ,会 得 到 如 下 输出 : 
解决 方案 包含 以 下 物品 : 
物品 2， 重 量 : 4， 价 值 : 3 


物品 1， 重 量 : 3， 价值 : 2 
总 价值 : 7 


0 背包 问题 也 可 以 写成 递归 形式 。 你 可 以 在 本 书 的 源码 包 中 找到 它 的 递归 版 本 。 


11.2.3 ”最 长 公共 子 序列 


男 一 个 经 常 被 当 作 编程 挑战 问题 的 动态 规划 问题 是 最 长 公共 子 序 列 (LCS ): 找 出 两 个 字符 
串 序列 的 最 长 子 序列 的 长 度 。 最 长 子 序列 是 指 , 在 两 个 字符 串 序列 中 以 相同 顺序 出 现 , 但 不 要 求 
连续 〈 非 字符 串 子 串 ) 的 字符 串 序 列 。 









































考虑 如 下 例子 : 
rn 医 攻 TREET 
ro ea a 
LCS: 长 度 为 4 的 “acad” 
再 看 看 下 面 这 个 算法 : 








function lcs(wordx, wordY) { 
var m = wordx.length, 
n = wordY.length, 
1 = [] 
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fOr (J S03 a 4 
1[i][j] = 0; 
//{2} 
} 
} 
OE (入 











fOr "(I 0; Jj <= n; j++) { 
if (i ==01|j==0){ 
1[i][j] = 0; 
} else if (wordx[i-1] == wordY[j-1]) { 
Lad Sd i) 
CA} 
} else { 
a = 1[i-1][j]; 
Br, 二 [3 ] 3 
FELIS (ES Sab- /ma 
//{4} 
} 
} 
} 
A 


return 1[m] [n]; 


} 
比较 背包 问题 和 LCS 算 法 ,我 们 会 发 现 两 者 非常 相似 。 这 项 从 顶部 开始 构建 解决 方案 的 技术 
被 称 为 记忆 ， 而 解决 方案 就 在 表格 或 矩阵 的 右 下 角 。 
像 背 包 问 题 算法 一 样 ， 这 种 方法 只 输出 LCS 的 长 度 ， 而 不 包含 LCS 的 实际 结果 。 要 提取 这 个 
言 息 ， 需 要 对 算法 稍 作 修改 ， 声 明 一 个 新 的 solution 和 矩阵 。 注 意 ， 代 码 中 有 一 些 注释 ,我们 需 
要 用 以 下 代码 蔡 换 这 些 注释 。 


口 行 {1}: solution 





El Ss 国 写 
口 行 {2}: solution[i][j] = '0'; 
口 行 {3}: solution[i][j] = 'diagonal'; 
口 行 L14}: solution[i][j]=(1[i][j] == 1[i-1][j]) ? 'top' : 'left'; 
口 行 15}: printSolution(solution, 1, wordX, wordY, m, n); 


printSolution 子 数 如 下 : 


function printSolution(solution, 1, wordx, wordY, m, n) { 
Var a S. .WS Ty, Ti 
x = solutionlal] [b], 





aNBwer SS "3 
While. (KLss LOM) 
if, (SoOLlDtiomLel) LD == "diagonaL.) { 
answer = wordX[a - 1] + answer; 
Ge 
De 
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} else if (solution[a] [bl === 'left') { 
Dn 
} else if (solution[a] [b] === 'top') { 


ery 


} 
x = solution[lal] [b]; 
} 
console.log('lcs: '+ answer); 


} 
当 解 矩阵 的 方向 为 对 角 线 时 ， 我 们 可 以 将 字符 添加 到 答案 中 。 


如 果 用 'acbaed' 和 'abcadf' 两 个 字符 串 执行 上 面 的 算法 ,我 们 将 得 到 输出 4。 用 于 构建 结 
果 的 矩阵 1 看 起 来 像 下 面 这 样 。 我 们 也 可 以 用 附加 的 算法 来 跟踪 LCS 的 值 ( 如 下 图 高 亮 所 示 )。 























f 
0 
1 
2 
Fa 
3 
3 
4 





d 
0 
1 
2 
2 
“3 3 
3 























通过 上 面 的 和 矩阵， 我 们 知道 LCS 算 法 的 结果 是 长 度 为 4 的 acad。 


0 LCS 间 题 也 可 以 写成 递归 形式 。 你 可 以 在 本 书 的 源码 包 中 找到 它 的 递归 版 本 。 


11.2.4 德 阵 链 相 乘 

和 矩阵 链 相 乘 是 另 一 个 可 以 用 动态 规划 解决 的 著名 问题 。 这 个 问题 是 要 找 出 一 组 矩阵 相 乘 的 最 
佳 方式 (顺序 )。 

让 我 们 试 着 更 好 地 理解 这 个 问题 。n 行 m 列 的 矩阵 A 和 m 行 p 列 的 矩阵 B 相 乘 ,结果 是 n 行 p 列 的 
和 矩阵 C。 

考虑 我 们 想 做 A*B*C*D 的 乘法 。 因 为 乘法 满足 结合 律 ， 所 以 我 们 可 以 让 这 些 和 矩阵 以 任意 顺 
序 相 乘 。 因 此 ， 考 虑 如 下 情况 : 


口 A 是 一 个 10 行 100 列 的 矩阵 
口 B 是 一 个 100 行 5 列 的 矩阵 
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口 C 是 一 个 $ 行 50 列 的 矩阵 
口 D 是 一 个 50 行 1 列 的 矩阵 
口 A*BxCx*D 的 结果 是 一 个 10 行 1 列 的 矩阵 


在 这 个 例子 里 ， 相 乘 的 方式 有 五 种 。 


(1) (A(B(CD))): 乘法 运算 的 次 数 是 1750 次 。 
(2) ((AB)(CD)): 乘法 运算 的 次 数 是 5300 次 。 
(3) (((AB)OD): 乘法 运算 的 次 数 是 8000 次 。 
(4) ((A(BC))D): 乘法 运算 的 次 数 是 75 500 次 。 
(5) (A(BO)D)): 乘法 运算 的 次 数 是 31 000 次 。 


相 乘 的 顺序 不 一 样 ， 要 进行 的 乘法 运算 总 数 也 有 很 大 差异 。 那 么 ,要 如 何 构建 一 个 算法 , 求 
出 最 少 的 乘法 运算 操作 次 数 ? 矩阵 链 相 乘 的 算法 如 下 : 


function matrixChainOrder(p, n) { 
Va TD I Lm Es 




















for (i = 1; i <= n; i++) { 
mEL) = [Ys 
二 而 请 二 本 二 国 二 环 
下 从 二 二 
for (i = 1; i <= mn-1LI+1; i++) { 
J] 写 王 下 下 三 汗 六 
m[i][j] = Number.MAX_SAFE_INTEGER; 
for (k = i; k <= j-1l; k++) { 
q= m[i][k] + m[k+1] [j] + p[i-1]*p[k]*p[j]; //{1} 
if (gq < m[li][j])t 
m[i][j] = q; 
//{2} 
} 
} 
} 
} 
A RB 


return m[1] [n-1]; 


} 


整个 算法 中 最 重要 的 是 行 {1}， 神 奇 之 处 全 都 在 这 一 行 。 它 计算 了 给 定 括号 顺序 的 乘法 运算 
次 数 ， 并 将 值 保存 在 辅助 矩阵 mn 中 。 

对 开头 的 例子 执行 上 面 的 算法 ， 会 得 到 结果 7500， 正如 我 们 前 面 提 到 的 ， 这 是 最 少 的 操作 ow 
次 数 。 看 看 这 个 : 

| 


nes.B.1léengths 
console.log (matrixChainOrder (p, n)); 























图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


202 第 11 章 算法 模式 











然而 , 这 个 算法 也 不 会 给 出 最 优 解 的 括号 顺序 。 为 了 得 到 这 些 信息 , 我 们 可 以 对 代码 做 一 些 
改动 。 


首先 ， 我 们 需要 通过 以 下 代码 声明 并 初始 化 一 个 辅助 矩阵 s: 


























= 
for (i = 0; i <= n; I++) { 
SE] 和 富 了 [] 芝 
for (j = 0; j <= n; j++) { 
Sb] 0 


然后 ， 在 matrixchainorder 国 数 的 行 12} 添 加 下 面 的 代码 ; 





s[i][j] = k; 
在 行 {3}， 我 们 调用 打印 括号 的 函数 ， 如 下 : 
printOptimalParenthesis(s, 1, n-1); 


最 后 ， 我 们 的 printoptimalParenthesis 国 数 如 下 : 





function printOptimalParenthesis(s, i, j) { 


和 
console.log("A[" + i + "]"); 
} else { 


console.1log("("); 
printOptimalParenthesis(s, i, s[i][j 
printOptimalParenthesis(s, s[i] 
console.10g(")"); 
} 
} 


执行 修改 后 的 算法 ， 也 能 得 到 括号 的 最 佳 顺序 (A[1] (A[2] (A[3]A[4])))， 并 可 以 转化 为 


(A(B(CD) ) ) 。 





11.3 ”贪心 算法 


贪心 算法 遵循 一 种 近似 解决 问题 的 技术 ， 期 盼 通过 每 个 阶段 的 局 部 最 优选 择 〈 当前 最 好 的 
解 )， 从 而 达到 全 局 的 最 优 ( 全 局 最 优 解 )。 它 不 像 动态 规划 算法 那样 计算 更 大 的 格局 。 


我 们 来 看 看 如 何 用 贪心 算法 解决 11.2 节 中 的 最 少 硬币 找 零 问题 和 背包 问题 。 











我 们 在 第 9 章 介绍 了 一 些 其 他 的 贪心 算法 ， 比 如 Dijkstra 算 法 、Prim 算 法 和 
Kruskal 算 法 。 
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11.3.1 最 少 硬币 找 零 问 题 


最 少 硬币 找 零 问题 也 能 用 贪心 算法 解决 。 大 部 分 情况 下 的 结果 是 最 优 的 , 不 过 对 有 些 面 额 而 
结果 不 会 是 最 优 的 。 


来 看 看 算法 : 











了 


function MinCoinchange(coins){ 
var coins = coins; //{1} 


this.makeChange = function(amount) { 
var change = []， 
Cotal, ‘S03 
for (var i=coins.length; i>=0; i--){ //{2} 
Var COin, = COLNSLL]:? 
while (total + coin <= amount) { //{3} 
change.push (coin); //{4} 
total += coin; //{5} 


} 
} 
return change; 
ys 
} 


不 得 不 说 贪心 版 本 的 Mincoinchange 比 动态 规划 版 本 的 简单 多 了 。 和 动态 规划 方法 相似 ， 
我 们 传递 面额 参数 ， 实 例 化 Mincoinchange ( 行 {1} )。 


对 每 个 面额 ( 行 {2} 一 一 从 大 到 小 ), 把 它 的 值 和 total 相 加 后 , total 需 要 小 于 amount ( 行 
{3} )。 我 们 会 将 当前 面额 coin 添 加 到 结果 中 ( 行 {4} )， 也 会 将 它 和 total 相 加 ( 行 {5} )。 


如 你 所 见 ， 这 个 解法 很 简单 。 从 最 大 面额 的 硬币 开始 , 拿 尽 可 能 多 的 这 种 硬币 找 零 
再 拿 更 多 这 种 价值 的 硬币 时 ， 开 始 拿 第 二 大 价值 的 硬币 ， 依 次 继续 。 


用 和 DP 方法 同样 的 测试 代码 测试 : 


。 当 无 法 


var minCoinChange = new MinCoinChange([1, 5, 10, 25]); 
console.log (minCoinChange.makeChange (36)); 





结果 依然 是 [25，10，1] ， 和 用 DP 得 到 的 一 样 。 下 图 阐释 了 算法 的 执行 过 程 : 


36-23=11 9 
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然而 ， 如 果 用 [1，3，41] 面 额 执行 贪心 算法 ， 会 得 到 结果 [4，1，1]。 如 果 用 动态 规划 的 
解法 ， 会 得 到 最 优 的 结果 [3，3]。 

比 起 动态 规划 算法 而 言 ， 贪 心算 法 更 简单 、 更 快 。 然 而 ， 如 我 们 所 见 ， 它 并 不 总 是 得 到 最 优 
答案 。 但 是 综合 来 看 ， 它 相对 执行 时 间 来 说 ， 输 出 了 一 个 可 以 接受 的 解 。 

















11.3.2 分数 背包 问题 


求解 分 数 背包 问题 的 算法 与 动态 规划 版 本 稍 有 不 同 。 在 0-1 背 包 问 题 中 ， 只 能 向 背包 里 装 和 人 
完整 的 物品 ， 而 在 分 数 背包 问题 中 , 我 们 可 以 装 和 分数 的 物品 。 我 们 用 前 面 用 过 的 例子 来 比较 两 
者 的 差异 ， 如 下 所 示 : 





物品 # 重 量 价 值 
1 2 

2 3 4 

3 4 





在 动态 规划 的 例子 里 ,我们 考虑 背包 能 够 携带 的 重量 只 有 5。 而 在 这 个 例子 里 ,我们 可 以 说 
最 佳 解决 方案 是 往 背包 里 装 和 人 物 唱 1 和 物品 2， 总 重量 为 5S， 总 价值 为 7。 

如 果 在 分 数 背 包 问 题 中 考虑 相同 的 容量 ， 得 到 的 结果 是 一 样 的 。 因 此 ， 我 们 考虑 容量 为 6 的 
情况 。 

在 这 种 情况 下 ， 解 决 方案 是 装 和 人 物品 1 和 物品 2， 还 有 25% 的 物品 3。 这 样 ， 重 量 为 6 的 物品 总 
价值 为 8.25。 

我 们 来 看 看 下 面 这 个 算法 : 


function knapSack (capacity, values, weights) { 
var n = values.length, 
Toad ss 0 1 E00 val .SO 











for (i = 0; i <n && load < capacity; i++) { //{1} 
if (weights[i] <= (capacity - load)) { //{2} 
val += values[il]; 
load += weights[i]; 
else { 
var r = (capacity - load) / weights[i]; //{3} 
val += rr * values[i]; 
load += weights[i]; 
} 
} 
return w; 


) 
下 面 是 对 算法 的 解释 。 


和 他 
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口 行 {1}: 总 重量 少 于 背包 容量 ,继续 迭代 ， 装 入 物品 。 

口 行 {2}: 如 果 物 品 可 以 完整 地 装 入 背包 , 就 将 其 价值 和 重量 分 别 计 入 背包 已 装 入 物品 的 总 
价值 (val ) 和 总 重量 ( 10ad )。 

口 行 {3}: 如 果 物 品 不 能 完整 地 装 人 和 人 背包， 计算 能 够 装 人 部 分 的 比例 Cr )。 


如 果 在 0-1 背 包 问题 中 考虑 同样 的 容量 6， 我 们 就 会 看 到 ， 物 品 1 和 物品 3 组 成 了 解决 方案 。 在 
这 种 情况 下 ， 对 同一 个 问题 应 用 不 同 的 解决 方法 ， 会 得 到 两 种 不 同 的 结果 。 








11.4 ”函数 式 编程 简介 

到 目前 为 止 , 我 们 在 本 书 中 所 用 的 编程 范式 都 是 命令 式 编程 。 在 命令 式 编程 中 , 我 们 按 部 就 
班 地 编写 程序 代码 ， 详 细 描 述 要 完成 的 事情 以 及 完成 的 顺序 。 

在 本 节 中 , 我 们 会 介绍 一 种 新 的 范式 ， 叫 作 函 数 式 编程 。 函 数 式 编程 是 一 种 曾经 主要 用 于 学 
术 领 域 的 范式 , 多亏 了 Python 和 Ruby 等 现代 语言 , 它 才 开始 在 行业 开发 者 中 流行 起 来 。 值 得 欣慰 
的 是 ， 借 助 ES6 的 能 力 ，JavaScript 也 能 够 进行 函数 式 编程 。 



















































































11.4.1 函数 式 编程 与 命令 式 编程 


以 函数 式 范式 进行 开发 并 不 简单 ; 关键 在 于 习惯 这 种 范式 的 机 制 。 我 们 编写 一 个 例子 来 说 明 
差异 。 


假设 我 们 想 打 印 一 个 数组 中 所 有 的 元 素 。 我 们 可 以 用 命令 式 编 程 ， 声 明 的 函数 如 下 : 





























Var printArray = function(array) { 
for (var i = 0; i < array.length; i++) { 
console.log(array [i]); 
} 
}; 
printArray ([1, 2, 3, 4, 5]); 


在 上 面 的 代码 中 ， 我 们 迭代 数组 ， 打 印 每 一 项 。 


现在 ,我们 试 着 把 这 个 例子 转换 成 函数 式 编程 。 在 函数 式 编程 中 ,函数 就 是 摇 深 明星 。 我 们 
关注 的 重点 是 需要 描述 什么 ， 而 不 是 如 何 描述 。 回 到 这 一 句 :“ 我 们 迭代 数组 ,打印 每 一 项 "。 那 
么 ,我 们 首先 要 关注 的 是 和 迭 代数 据 ， 然 后 进行 操作 ， 即 打印 数组 项 。 下 面 的 函数 负责 迭代 数组 : 


Var forEach = function(array, action) { 
for (var i = 0; i < array.length; i++) { 
action(array[i]); 
} 
小 
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接 下 来 , 我 们 要 创建 男 一 个 负责 把 数组 元 素 打 印 到 控制 台 的 函数 ( 考虑 为 回调 函数 ) 如 下 : 


var logItem = function (item) { 
console.log (item); 


2 
最 后 ， 像 下 面 这 样 使 用 声明 的 函数 : 
forEach([1, 2, 3, 4, 5], logIitem); 
只 需要 上 面 这 一 行 代码 , 我 们 就 能 描述 我 们 要 把 数组 的 每 一 项 打印 到 控制 台 。 这 是 我 们 的 第 
一 个 函数 式 编程 的 例子 ! 
有 几 点 要 注意 : 
口 主要 目标 是 描述 数据 ， 以 及 要 对 数据 应 用 的 转换 ; 
口 程序 执行 顺序 的 重要 性 很 低 ， 而 在 命令 式 编程 中 ， 步 又 和 顺序 是 非常 重要 的 ; 
D 函数 和 数据 集合 是 函数 式 编 程 的 核心 ; 


口 在 函数 式 编程 中 ， 我 们 可 以 使 用 和 滥用 函数 和 递归 ， 而 在 命令 式 编程 中 ， 则 使 用 循环 、 
赋值 、 条 件 和 函数 。 








































































































11.4.2 ES2015 和 函数 式 编程 
有 了 ES2015 的 新 功能 ， 用 JavaScript 进 行 函数 式 编程 变 得 更 加 容易 了 。 我 们 来 看 一 个 例子 。 


考虑 我 们 要 找 出 数组 中 最 小 的 值 。 要 用 命令 式 编 程 完 成 这 个 任务 ， 只 要 迭代 数组 ,检查 当 前 
的 最 小 值 是 否 大 于 数组 元 素 ; 如 果 是 ， 就 更 新 最 小 值 ， 代 码 如 下 : 






































Var findMinArray = function(array) { 
var minValue = array[0]; 
for (var i = 1; i < array.length; i++) { 
if (minValue > array[il) { 
minValue = arrayl[il]; 
} 
} 
return minValue; 
> 
console.log(findMinArray([8， 6， 4,，5， 9])); // 输 出 4 


用 函数 式 编 程 完成 相同 的 任务 ， 可 以 使 用 Math.min 函 数 ， 传 人 所 有 要 比较 的 数组 元 素 。 我 
们 可 以 像 下 面 的 例子 里 这 样 ， 使 用 ES2015 的 解构 操作 符 〈 . . . )， 把 数组 转换 成 单个 的 元 素 : 
const min = function(array) { 
return Math.min(...array) 


过 
console.log(min_ ([8，6，4，5，9]));， // 输 出 4 








图 灵 社 区 会 员 sumika(575591894@qq.com) 专 享 尊重 版 权 


11.4 函数 式 编程 简介 207 








使 用 ES2015 的 箭头 函数 ， 我 们 可 以 进一步 简化 上 面 的 代码 : 


const min = arr => Math.min(...arr); 
console.log(min([8, 6, 4, 5, 9])); 


11.4.3 ”JavaScript 函数 式 工具 箱 一 一 map、filter 和 reduce 
map、filter 和 reduce 捕 数 (第 2 章 已 经 学 习 过 ) 是 函数 式 编程 的 基础 。 


我 们 可 以 使 用 map 函 数 ， 把 一 个 数据 集合 转换 或 映射 成 男 一 个 数据 集合 。 先 看 一 个 命令 式 纺 
旦 的 例子 : 


Var daysOfWeek = |[ 
{name: 'Monday', value: 1} 
{name: 'Tuesday', value: 2}, 
{name: 'Wednesday', value: 7} 























3 





ls 


Var daysOfWeekValues_ = []; 

for (var i = 0; i < daysOfWeek.length; i++) { 
daysOfWeekValues_.push(daysOfWeek[i] .value); 

} 


再 以 函数 式 编程 来 考虑 同样 的 例子 ， 代 码 如 下 : 


var daysOfWeekValues = daysOfWeek.map(function(day) { 
return day.value; 


} 
console.log(daysOfWeekValues); 


我 们 可 以 使 用 filter 函 数 过 滤 一 个 集合 的 值 。 来 看 一 个 例子 : 





var positiveNumbers_ = function(array) { 
var positive = []; 
for (var i = 0; i < array.length; i++) { 


站 (GEEaVLL]. SS 0) + 
positive.push(array[i]); 
} 
l 
return positive; 


} 


console.log(positiveNumbers_([-1, 1, 2, -2])); 
我 们 可 以 把 同样 的 代码 写成 函数 式 的 ， 如 下 : 


Var positiveNumbers = function(array) { 
return array.filter(function(num) { 
return num >= 0; 
} 

je 

console.log(positiveNumbers ([-1, 1, 2, -2])); 
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我 们 也 可 以 使 用 reduce 函 数 ， 把 一 个 集合 归 约 成 一 个 特定 的 值 。 比 如 ， 对 一 个 数组 中 的 值 
求 和 : 


var sumValues = function(array) { 
var total ss Hrravl dls 
for (var i = 1; i < array.length; i++) { 
total += array[il]; 
} 
return total; 
学 
console.log(sumValues([1, 2, 3, 4, 5])); 


上 面 的 代码 也 可 以 写成 这 样 : 


var sum = function(array) { 
return array.reduce (function(a, b) { 
return a + b; 
3 

二 

console.log(sum_([1, 2, 3, 4, 5])); 


我 们 还 可 以 把 这 些 函 数 与 ES2015 的 功能 结合 起 来 ， 比 如 解构 操作 符 和 箭头 函数 ， 代 码 如 下 : 














const sum = arr => arr.reduce((a, b) => a + b); 
console.log(sum([1, 2, 3, 4, 5])); 


我 们 再 看 另 一 个 例子 。 考 虑 我 们 需要 写 一 个 函数 ， 把 几 个 数组 连接 起 来 。 为 此 ， 可 以 创建 另 
一 个 数组 ， 用 于 存放 其 他 数组 的 元 素 。 我 们 可 以 执行 以 下 命令 式 的 代码 : 





Var mergeArrays_ = function(arrays) { 
Var count = arrays.length, 
newArray = []， 
kU 
for (var i = 0; i < count; i++) { 
for (var j = 0; j < arrays[i].length; j++) { 
newArray [K++] = arrays[i][j]; 
} 
9 
return newArray; 
}; 
console.log (mergeArrays_([[1, 2, 3], [4, 5], [6]])); 


注意 , 在 这 个 例子 中 , 我 们 声明 了 变量 , 还 使 用 了 循环 。 现 在 ,我们 用 JavaScript 函 数 式 编程 
把 上 面 的 代码 重 写 如 下 : 


var mergeArraysConcat = function(arrays) { 
return arrays.reduce(function(p, n) { 
return p.concat (n); 
3 
} 
console.log(mergeArraysConcat ([[1, 2, 3], [4, 5], [6]])); 
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上 面 的 代码 完成 了 同样 的 任务 ,但 它 是 面向 函数 的 。 我 们 也 可 以 用 ES2015 使 代码 更 加 精简 ， 
如 下 所 示 : 





const mergeArrays = (...arrays) => [] .concat(...arrays); 
console.log(mergeArrays({[1, 2, 3], [4, 5], [6])); 
从 11 行 代码 变 成 了 只 有 一 行 ! 
如 果 你 想 更 多 地 练习 JavaScript 函 数 式 编程 ， 可 以 试 试 这 些 习 题 ， 非 常 有 意 
思 : http://reactivex.io/learnrx/。 


11.4.4 ”JavaScript 函数 式 类 库 和 数据 结构 


有 一 些 很 棒 的 JavaScript 类 库 借 助 工 具 函 数 和 函数 式 数 据 结构 , 对 函数 式 编程 提供 支持 。 通 过 
下 面 的 列表 ， 你 可 以 找到 一 些 最 有 名 的 JavaScript 函 数 式 类 库 。 


口 Underscode.js: http://underscorejs.org/ 

口 Bilby.js: phttp:/bilby.brianmckenna.org/ 

口 Lazy.js: http://danieltao.com/lazy.js/ 

口 Bacon.js: https://baconjs.github.io/ 

口 Fn.js: http://eliperelman.com/fn.js/ 

口 Functional.js: http://functionaljs.com/ 

口 Ramda.js: http:/ramdajs.com/0.20.1/index.html 
口 Mori: http://swannodette.github.io/mori/ 





0 如 果 你 对 学 习 JavaScript 函 数 式 编程 感 兴趣 ,可 以 看 看 Packt 出 版 的 另 一 本 书 : 


https://www.packtpub.com/web-development/functional-programming-javascript。 


11.5 小结 


在 本 章 中 , 你 了 解 了 更 多 递归 的 知识 ,以 及 它 如 何 帮助 我 们 解决 一 些 动态 规划 问题 。 我 们 介 
绍 了 最 著名 的 动态 规划 问题 ， 如 最 少 硬币 找 零 问 题 、 背 包 问 题 、 最 长 公共 子 序列 和 和 矩 阵 链 相 乘 。 


你 学 习 了 贪心 算法 ， 以 及 如 何 用 贪心 算法 解决 最 少 硬 币 找 零 问题 和 分 数 背 包 问题 。 
你 还 学 习 了 函数 式 编程 ， 并 通过 一 些 例子 了 解 了 如 何以 这 种 范式 使 用 JavaScript 的 功能 。 oo 


下 一 章 ， 我 们 会 介绍 大 0 表示 法 ， 并 讨论 如 何 计算 一 个 算法 的 复杂 性 。 你 还 将 学 习 更 多 存在 
于 算法 世界 里 的 概念 。 
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算法 复杂 度 











本 章 , 我们 要 学 习 著 名 的 大 O 表 示 法 (第 10 章 提 到 过 ) 和 NP 完全 理论 , 还 要 看 看 如 何 用 算法 
增添 乐趣 ,巩固 知 识 ， 提 高 我 们 编程 和 解决 问题 的 能 力 。 























12.1 大 O 表示 法 
第 10 章 引入 了 大 OO 表示 法 的 概念 。 它 的 确切 含义 是 什么 ” 它 用 于 描述 算法 的 性 能 和 复杂 程度 。 
分 析 算 法 时 ， 时 常 遇 到 以 下 几 类 函数 : 





符 ”号 名 称 
0O(1) 常数 的 
O(log(n)) 对 数 的 
O((log(n))e) 对 数 多 项 式 的 
O(n) 线性 的 

O(n’) 二 次 的 

O(n) 多 项 式 的 
O(c") 指数 的 


12.1.1 理解 大 O 表示 法 


如 何 衡量 算法 的 效率 ? 通常 是 用 资源 ， 例 如 CPU ( 时间) 占用 、 内 存 占用 、 硬 盘 占 用 和 网 络 
占用 。 当 讨论 大 0 表示 法 时 ,一般 考虑 的 是 CPU (时 间 ) 占用 。 


让 我 们 试 着 用 一 些 例 子 来 理解 大 0 表示 法 的 规则 。 
1. O(1) 
考虑 以 下 函数 : 


function increment (num) { 
return ++num; 


} 
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假设 运行 increment (1) 函数 ， 执 行 时 间 等 于 & 如 果 再 用 不 同 的 参数 ( 例如 2 ) 运行 一 次 
increment 国 数 ， 执 行 时 间 依 然 是 忒 和 参数 无 关 ，increment 函 数 的 性 能 都 一 样 。 因 此 ， 我 们 
说 上 述 函 数 的 复杂 度 是 O(1)( 常数 )。 

2. O(n) 

现在 以 第 10 章 中 实现 的 顺序 搜索 算法 为 例 : 


function sequentialSearch(array, item)t{ 
for (var i=0; i<array.length; i++){ 
if (item === array[i]){ //{1} 
return i; 
} 
} 
return -1; 


} 

如 果 将 含 10 个 元 素 的 数组 ( [1，. ..，10] ) 传递 给 该 函数 ， 假 如 搜索 1 这 个 元 素 ， 那 么 ， 
第 一 次 判断 时 就 能 找到 想 要 搜索 的 元 素 。 在 这 里 我 们 假设 每 执行 一 次 行 {1} ， 开 销 是 1。 

现在 ,假如 要 搜索 元 素 11。 行 {1} 会 执行 10 次 (遍历 数组 中 所 有 的 值 ， 并 且 找 不 到 要 搜索 的 
元 素 ， 因 而 结果 返回 -1 )。 如 果 行 {1} 的 开销 是 1， 那么 它 执行 10 次 的 开销 就 是 10，10 倍 于 第 一 种 
假设 。 

现在 ,假如 该 数组 有 1000 个 元 素 ( [1，. . .，1000] )。 搜 索 1001 的 结果 是 行 {1} 执 行 了 1000 
次 (然后 返回 -1 )。 

注意 ， sequentialSearch 拯 数 执行 的 总 开销 取决 于 数组 元 素 的 个 数 (数组 大 小 )， 而 且 也 
和 搜索 的 值 有 关 。 如 果 是 查找 数组 中 存在 的 值 ， 行 141)} 会 执行 几 次 呢 ? 如 果 查 找 的 是 数组 中 不 存 
在 的 值 ， 那 么 行 {1} 就 会 执行 和 数组 大 小 一 样 多 次 ， 这 就 是 通常 所 说 的 最 坏 情 况 。 

最 坏 情 况 下 ， 如 果 数 组 大 小 是 10， 开销 就 是 10; 如 果 数 组 大 小 是 1000， 开销 就 是 1000。 可 以 
得 出 sequentialSearch 消 数 的 时 间 复 杂 度 是 O(n),，n 是 (输入 ) 数组 的 大 小 。 

回 到 之 前 的 例子 ， 修 改 一 下 算法 的 实现 ， 使 之 计算 开销 : 


function sequentialSearch(array, item)t{ 
Ya Gost =°05 
for (var i=0; i<array.length; i++){ 




























































































Cost++; 
EE ite ss Eay [til /AL} 
return i; 

} 
} 
console.log('cost for sequentialSearch with input size ' + 
array.length + ' is ' + Cost); 
return -1; 
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用 不 同 大 小 的 输入 数组 执行 以 上 算法 ， 可 以 看 到 不 同 的 输出 。 
3. O(n’) 
用 冒 泡 排序 做 O(n ) 的 例子 : 


function swap(larray, indexl, index2)f{ 
var aux = array [indexl1]; 
array [indexl1l] = array[index2]; 
array [index2] = aux; 


} 


function bubbleSort (array){ 
Var length = array.length; 
for (var i=0; i<length; i++){ A 
for (var j=0; j<length-1l; j++ ){ //{2} 
if (array[j] > array[j+1])t{ 
swap (array, j, j+1); 
} 
} 
} 
} 


假设 行 {1} 和 行 {2} 的 开销 分 别 是 1。 修 改 算法 的 实现 使 之 计算 开销 : 


function bubbleSort (array){ 
Var length = array.length; 


var GOBt 0.; 
for (var i=0; i<length; i++){ //{1} 
Cost++; 
for (var j=0; j<length-1l; j++ ){ //{2} 
Cost++; 


if (array[j] > array[j+1])t 
swap (array, j, j+1); 
二 
} 
} 
console.log('cost for bubbleSort with input Size ' + length + ' 
is ' + Cost); 


} 


如 果 用 大 小 为 10 的 数组 执行 bubblesort ， 开 销 是 100( 10? )。 如 果 用 大 小 为 100 的 数组 执行 
bubblesort， 开 销 就 是 10 000 ( 100” )。 需 要 注意 , 我 们 每 次 增加 输入 的 大 小 , 执行 都 会 越 来 越久 。 



































时 间 复 杂 度 O(n) 的 代码 只 有 一 层 循 环 ， 而 O(n ) 的 代码 有 双 层 谋 套 循环 。 如 
果 算 法 有 三 层 遍 历数 组 的 嵌 套 循环 ， 它 的 时 间 复 杂 度 很 可 能 就 是 O(n”)。 


12.1.2 ”时 间 复 杂 度 比较 
下 图 比较 了 前 述 各 个 大 O 符 号 表示 的 时 间 复 杂 度 : 
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0 








操作 


大 O 符 号 表示 的 时 间 复杂 度 





国 0(1) 

国 O(logn) 
加 O00) 

加 O(nlogn) 
转 202) 

国 0(2") 








这 个 图 表 是 用 JavaScript 绘 制 的 哦 ! 在 本 书 示例 代码 中 ， 你 可 以 到 Chapter12 
下 的 bigOChart 目 录 中 找到 绘制 本 图 表 的 源 代码 。 


在 接 下 来 的 部 分 ， 你 可 以 找到 本 书 实现 的 所 有 算法 的 时 间 复 杂 度 的 速 查 表 。 
1. 数据 结构 

















下 表 是 常用 数据 结构 的 时 间 复 杂 度 : 








一 般 情 况 最 差 情况 
数据 结构 
插入 删除 搜索 插入 删除 搜索 
数组 / 栈 /队列 0O(1) 0O(1) O(n) 0O(1) 0O(1) O(n) 
链表 0O(1) 0O(1) O(n) 0O(1) 0O(1) O(n) 
双向 链表 0O(1) OU) O(n) 0O(1) 0O(1) O(n) 
散 列表 0O(1) 0O(1) CU) O(n) O(n) O(n) 
二 分 搜索 树 O(log(n)) O(log(n)) O(log(n)) On) O(n) O(n) 
AVL 树 O(log(n)) O(log(n)) O(log(n)) O(log(n)) O(log(n)) O(log(n)) 
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2. 
下 表 是 图 的 时 间 复 杂 度 : 








节点 / 边 的 管理 方式 存储 空间 增加 顶点 增加 边 删除 顶点 删除 边 轮 询 
邻接 表 O(IVIHE)D) 0O(1) 0O(1) O(VHIED O(E) oO(IV) 
邻接 矩阵 OUvD OUVP 0O(1) OUvD O(1) O(1) 


3. 排序 算法 
下 表 是 排序 算法 的 时 间 复 杂 度 : 















































时 间 复 杂 度 
算法 (用 于 数组 ) 
最 好 情况 一 般 情况 最 差 情况 
冒 泡 排 序 O(n) O(n’) O(n’) 
选择 排序 O(n’) O(n’) O(n’) 
插入 排序 O(n) O(n’) O(n’) 
归并 排序 O(nlog(n)) O(nlog(n)) O(nlog(n)) 
快速 排序 O(nlog(n)) O(nlog(n)) O(n’) 
堆 排 序 O(nlog(n)) O(nlog(n)) O(nlog(n)) 
桶 排序 O(n+t Ont O(n’) 
基数 排序 Op O(n OU 有 
4. 搜索 算法 
下 表 是 搜索 算法 的 时 间 复 杂 度 : 
算 法 数据 结构 最 差 情况 
顺序 搜索 数组 O(n) 
二 分 搜索 已 排序 的 数组 O(log(n)) 
深度 优先 搜索 (DPS) 顶点 数 为 |V|， 边 数 为 |E| 的 图 O(IVHIED 
广度 优先 搜索 (BFS) 顶点 数 为 |V|， 边 数 为 | 的 图 O(IVHIED 














12.1.3 ”NP 完全 理论 概述 


一 般 来 说 ， 如 果 一 个 算法 的 复杂 度 为 O(n ， 其 中 是 常数 ， 我 们 就 认为 这 个 算法 是 高 效 的 ， 
这 就 是 多 项 式 算法 。 


对 于 给 定 的 问题 ， 如 果 存 在 多 项 式 算法 ， 则 计 为 P (polynomial， 多 项 式 )。 
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还 有 一 类 NP (nondeterministic polynomial， 非 确定 性 多 项 式 ) 算法 。 如 果 一 个 问题 可 以 在 多 
项 式 时 间 内 验证 解 是 否 正确 ， 则 计 为 NP。 


如 果 一 个 问题 存在 多 项 式 算法 , 自然 可 以 在 多 项 式 时 间 内 验证 其 解 。 因此 , 所 有 的 P 都 是 NP。 
然而 ， 已 = NP 是 否 成 立 ， 仍然 不 得 而 知 。 


NP 问题 中 最 难 的 是 NP 完全 问题 ， 它 满足 以 下 两 个 条 件 : 

(1) 是 NP 问题 ， 也 就 是 说 ， 可 以 在 多 项 式 时 间 内 验证 解 ， 但 还 没有 找到 多 项 式 算法 ; 

(2) 所 有 的 NP 问题 都 能 在 多 项 式 时 间 内 归 约 为 它 。 

为 了 理解 问题 的 归 约 ， 考 虑 两 个 决策 问题 TL 和 M。 假 设 算法 4 可 以 解决 问题 17， 算法 B 可 以 验 
证 输入 y 是 否 为 M 的 解 。 目 标 是 找到 一 个 把 L 转 化 为 M 的 方法 ， 使 得 算法 83 可 以 用 于 构造 算法 4。 

还 有 一 类 问题 ， 只 需 满足 NP 完全 问题 的 第 二 个 条 件 ， 称 为 NP 困难 问题 。 因 此 ，NP 完 全 问题 
也 是 NP 困难 问题 的 子 集 。 









































P= NP 是 否 成 立 ， 是 计算 机 科学 中 最 重要 的 难题 之 一 。 如 果 能 找到 答案 ， 
对 密码 学 、 算 法 研究 、 人 工 智 能 等 诸多 领域 都 会 产生 重大 影响 。 





下 面 是 满足 P<> NP 时 ，P、NP、NP 完 全 和 NP 困难 问题 的 欧 拉 图 : 


























非 NP 完 全 的 NP 困难 问题 的 例子 有 停机 问题 和 布尔 可 满足 性 问题 ( SAT )。 
NP 完 全 问题 的 例子 有 子 集 和 问题 、 旅 行商 问题 、 顶 点 覆盖 问题 ， 等 等 。 





h 关于 这 些 问题 ， 详 情 请 查阅 https://en.wikipedia.org/wiki/NP-completeness。 


不 可 解 问题 与 启发 式 算 法 
我 们 提 到 的 有 些 问 题 是 不 可 解 的 。 然 而 ,仍然 有 办 法 在 符合 要 求 的 时 间 内 找到 一 个 近似 解 。 
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启发 式 算法 就 是 其 中 之 一 。 启 发 式 算法 得 到 的 未 必 是 最 优 解 ， 但 足够 解决 问题 了 。 


启发 式 算 法 的 例子 有 局 部 搜索 、 遗 传 算 法 、 启 发 式 导 航 、 机 器 学 习 等 。 详 情 请 查阅 
http://goo.gl/gxIu9w 





启发 式 算 法 可 以 很 巧妙 地 解决 一 些 问题 ,你 可 以 尝试 把 研究 启发 式 算法 作为 
学 士 或 硕士 学 位 的 论文 主题 。 


12.2 ”用 算法 娱乐 身心 


我 们 学 习 算 法 并 不 单单 是 因为 它 是 大 学 必修 课 , 也 不 单单 是 因为 我 们 想 成 为 开发 者 。 通 过 用 
在 本 书 中 学 到 的 算法 来 解决 问题 ， 我 们 可 以 提高 解决 问题 的 能 力 ， 进 而 成 为 更 棒 的 专业 人 士 。 


增长 ( 解 题 ) 知识 的 最 好 方式 是 练习 ， 而 练习 不 一 定 是 枯燥 的 。 本 方 将 展示 一 些 网 站 ,你 可 
以 访问 它们 并 尝试 从 算法 中 获 到 快乐 (甚至 小 赚 一 笔 )。 


这 里 列 出 一 些 有 用 的 网 站 ( 有 些 不 支持 用 JavaScript 提 交 解 答 , 但 是 我 们 依然 可 以 将 从 本 书 中 
所 学 到 的 逻辑 应 用 到 其 他 语言 上 )。 


口 UVa Online Judge (http:/uva.onlinejudge.org/ ): 这 个 网 站 包含 了 世界 各 大 赛事 的 题目 ， 
包括 由 IBM 赞 助 的 ACM 国 际 大 学 生 程序 竞赛 (ICPC。 车 你 依然 在 校 ， 应 尽量 参与 这 项 赛 

事 , 如 果 团 队 获 胜 , 则 有 可 能 免费 享受 一 次 国际 旅行 ) 这 个 网 站 包括 了 成 百 上 千 的 题目 ， 
可 以 应 用 本 书 所 学 的 算法 。 

口 Sphere Online Judge ( http:/www.spoj.com/ ): 这 个 网 站 和 UVa Online Judge 差 不 多 ,但 支 
持 用 更 多 语言 解 题 (包括 JavaScript )。 

口 Coder Byte ( http://coderbyte.com/ ): 这 个 网 站 包含 了 74 个 可 以 用 JavaScript 解 答 的 题目 ( 简 
单 、 中 等 难度 和 非常 困难 )。 

口 Project Euler ( https://projecteuler.net/ ): 这 个 网 站 包含 了 一 系列 数学 /计算 机 的 编程 题目 。 

你 所 要 做 的 就 是 输入 那些 题目 的 答案 ， 不 过 我 们 可 以 用 算法 来 找到 正确 的 解答 。 

口 Hacker Rank ( https://www.hackerrank.com ): 这 个 网 站 包含 了 263 个 挑战 ， 分 为 16 个 类 别 

( 可 以 应 用 本 书 中 的 算法 和 更 多 其 他 算法 )。 它 也 支持 JavaScript 和 其 他 语言 。 

口 Code Chef ( http://www.codechef.com/ ): 这 个 网 站 包含 一 些 题 目 ， 并 会 举办 在 线 比赛 。 

口 Top Coder ( http://www.topcoder.com/ ): 此 网 站 会 举办 算法 联赛 ， 这 些 联赛 通常 由 NASA、 

Google 、Yahoo!、Amazon 和 Facebook 这 样 的 公司 赞助 。 参 加 其 中 一 些 赛事 ， 你 可 以 获得 

到 赞助 公司 工作 的 机 会 ， 而 参与 另 一 些 赛事 会 赢得 奖金 。 这 个 网 站 也 提供 很 棒 的 解 题 和 

算法 教程 。 


以 上 网 站 的 另 一 个 好 处 是 , 它们 通常 给 出 的 是 真实 世界 中 的 问题 ， 而 我 们 需要 鉴别 用 哪 一 个 
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算法 解决 它 。 通过 这 样 的 方式 也 能 让 我 们 明白 本 书 中 的 算法 并 非 局 限于 学 术 , 而 是 能 应 用 到 现实 
问题 上 。 

如 果 你 想 从 事 技术 工作 ， 强 烈 推荐 你 创建 一 个 免费 的 GitHub ( https://github.com ) 账号 ， 你 
可 以 将 上 述 网 站 的 解答 代码 提交 上 去 。 如 果 你 没有 任何 专业 经 验 , GitHub 可 以 帮助 你 建立 一 个 作 
品 集 ， 还 会 对 你 找到 第 一 份 工作 有 帮助 ! 


12.3 ”小结 


本 章 , 我 们 学 习 了 大 O 表 示 法 ,以 及 如 何 运用 它 计 算 算法 的 复杂 度 。 我 们 也 介绍 了 NP 完 全 理 
论 。 如 果 你 想 进 一 步 了 解 如 何 面 对 无 解难 题 ， 如 何 用 启发 式 算 法 得 到 一 个 近似 满足 的 方案 ,这 是 
你 可 以 深入 探索 的 一 个 领域 。 

男 外 我 们 还 列 出 了 一 些 网 站 。 你 可 以 免费 注册 这 些 网 站 ,并 应 用 你 从 本 书 中 学 到 的 知识 ,其 
至 还 可 能 得 到 第 一 份 IT 行业 的 工作 ! 


编程 快乐 ! 
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延 展 阅读 


一 。 打通 JavaScript 语 言 的 任 督 二 及 
Ms 时 要 。 领略 语言 内 部 的 绝 美 风光 

你 不 知道 的 

JavaScript .x 


SCOPE Cl 
THIS & OBJECT PROTOTYPES 
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。 掌握 JavaScript 基 础 知识 要 点 及 其 现代 技术 和 工 
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数据 结构 是 计算 机 为 了 高 效 地 利用 资源 而 组 织 数据 的 一 种 方式 。 数 据 结构 和 算法 是 解决 一 切 编程 问 
题 的 基础 。 

本 书 首先 介绍 了 JavaScript 语 言 的 基础 知识 ， 接 着 讨论 了 数组 、 栈 、 队 列 和 链表 等 重要 的 数据 结 
构 ， 随 后 分 析 了 集合 、 字 典 和 散 列 表 的 工作 原理 ， 接 下 来 阐述 了 什么 是 树 以 及 如 何 使 用 二 叉 树 和 二 叉 搜 
索 树 ， 然 后 介绍 了 图 、DFS 和 BFS 算 法 ， 以 及 各 种 排序 ( 冒 泡 排序 、 选 择 排序 、 插 入 排序 、 归 并 排序 、 
快速 排序 等 ) 和 搜索 ( 顺序 搜索 、 二 分 搜索 ) 算法 ， 最 后 介绍 了 动态 规划 和 贪心 算法 等 高 级 算法 。 

相 较 上 一 版 ， 这 一 版 新 增 了 ES6 和 ES7 的 新 功能 介绍 ， 补 充 了 ES6 的 当前 实现 。 同 时 拓展 了 对 树 、 
图 、 排 序 算法 、 动 态 规划 和 贪心 算法 的 讨论 ， 增 加 了 AVL 树 、Dijkstra 算 法 、Floyd-Warshall 算 法 、 
Prim 算 法 、Kruskal 算 法 、 堆 排序 、 分 布 式 排序 、 背 包 问 题 、 和 矩阵 链 相 乘 等 内 容 。 此 外 还 概述 了 函数 式 
编程 、NP 完 全 理论 。 

如 果 你 是 计算 机 科学 专业 的 学 生 ， 或 是 刚刚 开启 职业 生涯 的 技术 人 员 ， 想 探索 JavaScript 的 能 力 ， 
这 本 书 一 定 适 合 你 。 


“这 本 书 非常 适合 用 来 学 习 数 据 结构 与 算法 。 书 中 的 例子 写 得 很 好 ， 易 于 学 习 和 实践 。 其 教 
学 方法 也 比 一般 的 C/C++ 图 书 好 得 多 。 我 向 很 多 人 推荐 了 这 本 书 ， 尤 其 是 从 其 他 语言 转 到 Ja- 
vaScript 的 人 。 我 看 过 各 种 编程 语言 的 很 多 书籍 和 参考 指南 ， 这 一 本 是 其 中 难得 的 佳作 。” 


“如 果 你 没 上 过 算法 课程 ， 但 是 想 学 习 实现 常用 的 JavaScript 数 据 结构 和 算法 ， 或 者 拥有 
JavaScript 背 景 ， 并 想 提升 技能 ， 那 么 一 定 要 看 看 这 本 书 ! ” 
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看 完了 


如 果 您 对 本 书 内 容 有 疑问 ， 可 发 邮件 至 contact@turingbook.com， 会 有 编辑 或 作 
译 者 协助 答疑 。 也 可 访问 图 灵 社 区 ， 参 与 本 书 讨论 。 


如 果 是 有 关 电 子 书 的 建议 或 问题 ， 请 联系 专用 客服 邮箱 : 


ebook@turingbook.com。 
在 这 可 以 找到 我 们 : 


微 博 @ 图 灵 教育 : 好 书 、 活 动 每 日 播报 

微 博 @ 图 灵 社 区 : 电子 书 和 好 文章 的 消息 

微 博 @ 图 灵 新 知 : 图 灵 教 育 的 科普 小 组 

微 信 图 灵 访 谈 : ituring_interview， 讲 述 码 农 精彩 人 生 
微 信 图 灵 教 育 : turingbooks 
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